SelectValue with "asChild" and "placeholder" throws Error "Invalid prop `style` supplied to `React.Fragment`."

[weiskopfsodefa]

Bug report

Provide a SelectValue like this:

<SelectValue
  asChild
  placeholder="Select a Folder"
>
 <div>{customvalue}</div>
</SelectValue>

Current Behavior

Throws Error Invalid prop style supplied to React.Fragment.

Expected behavior

Should not throw this Error

Suggested solution

Current code:

<Primitive.span
        {...valueProps}
        ref={composedRefs}
        // we don't want events from the portalled `SelectValue` children to bubble
        // through the item they came from
        style={{ pointerEvents: 'none' }}
      >
        {shouldShowPlaceholder(context.value) ? <>{placeholder}</> : children}
      </Primitive.span>

My guess is the asChild applies the style style={{ pointerEvents: 'none' }} to the Fragment of <>{placeholder}</>
Should be possible to just be {placeholder} instead so you can solve it yourself by providing a proper ReactNode as placeholder.

Additional context

Your environment

NextJS 15
React 19
"@radix-ui/react-select": "2.1.6",

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-select	2.1.6
React	19
Browser	chrome
Assistive tech
Node	20
npm/yarn/pnpm	pnpm 9
Operating System	macos

[Roguehp98]

I have the same problem 👀. Is there any news here

[tehpsalmist]

I found that removing asChild did not break my code. Nothing in releases regarding this property, however. ¯_(ツ)_/¯