The onChange() function of the <Select/> component desynchronizes with the active state.

[cincolunes]

• three version: 0.151.0
• @react-three/fiber version: 8.0.8
• @react-three/drei version: 9.106.0
• node version: 20.12.2
• npm (or yarn) version: 10.5.0

Problem description:

The onChange() function of the Select component currently returns the previous value of the active state when multiple items are selected, and nothing when a single item is selected, due to the downed state interrupting its execution.

Relevant code:

  React.useEffect(() => {
    if (downed) onChange?.(active)
    else onChangePointerUp?.(active)
  }, [active, downed])

Suggested solution:

  React.useEffect(() => {
    if (!downed) onChange?.(active)
    else onChangePointerUp?.(active)
  }, [active, downed])

I'm going to provide a PR with this one.