fix: code

Author: himself65

packages/react/select/src/select.tsx

@@ -27,9 +27,6 @@ import type { Scope } from '@radix-ui/react-context';
 
 type Direction = 'ltr' | 'rtl';
 
-const startTransition = React.startTransition
-  ? React.startTransition
-  : window.requestAnimationFrame;
 const OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown'];
 const SELECTION_KEYS = [' ', 'Enter'];
 
@@ -1272,8 +1269,13 @@ const SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(
 
     const handleSelect = () => {
       if (!disabled) {
-        context.onValueChange(value);
-        context.onOpenChange(false);
+        const startTransition = React.startTransition
+          ? React.startTransition
+          : window.requestAnimationFrame;
+        startTransition(() => {
+          context.onValueChange(value);
+          context.onOpenChange(false);
+        });
       }
     };
 
@@ -1316,12 +1318,12 @@ const SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(
             onBlur={composeEventHandlers(itemProps.onBlur, () => setIsFocused(false))}
             onClick={composeEventHandlers(itemProps.onClick, () => {
               // Open on click when using a touch or pen device
-              if (pointerTypeRef.current !== 'mouse') startTransition(() => handleSelect());
+              if (pointerTypeRef.current !== 'mouse') handleSelect();
             })}
             onPointerUp={composeEventHandlers(itemProps.onPointerUp, () => {
               // Using a mouse you should be able to do pointer down, move through
               // the list, and release the pointer over the item to select it.
-              if (pointerTypeRef.current === 'mouse') startTransition(() => handleSelect());
+              if (pointerTypeRef.current === 'mouse') handleSelect();
             })}
             onPointerDown={composeEventHandlers(itemProps.onPointerDown, (event) => {
               pointerTypeRef.current = event.pointerType;
@@ -1345,7 +1347,7 @@ const SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(
             onKeyDown={composeEventHandlers(itemProps.onKeyDown, (event) => {
               const isTypingAhead = contentContext.searchRef?.current !== '';
               if (isTypingAhead && event.key === ' ') return;
-              if (SELECTION_KEYS.includes(event.key)) startTransition(() => handleSelect());
+              if (SELECTION_KEYS.includes(event.key)) handleSelect();
               // prevent page scroll if using the space key to select an item
               if (event.key === ' ') event.preventDefault();
             })}