How to group some parts of select primitives in my custom components and use it?

[Lirrrx]

Hello there. I'm trying to group some parts of select primitives in my custom components and use it.

https://codesandbox.io/s/react-tailwind-starter-forked-cwmw6p?file=/src/Select.js:1974-2168

I created 2 versions of Select in files: Select.js and MySelect.js. Select.js component works fine because i use code from example, but MySelect works incorrect. How can i rewrite and components to make it work.

[joaom00]

Hi @Lir-kulikov,

You forgot to pass value prop to SelectPrimitive.Item in MySelectItem.

Additionally, they have an example to create your own API.

[Lirrrx]

Thanks a lot! i completely missed this part of documentation.