I've got this ( RadioGroupItem must be used within RadioGroup ) error in my codebase when I create a separate component.

[sumon-chandra]

I'm building a multi-step form with ShadcnUI. I've used form components along with the checkbox, select and radio group components. Everything is working fine when I write all logic in a single component ( this is the component - https://github.dev/sumon-chandra/multi-step-form/blob/main/src/components/form/form2.tsx ).

But, when I create components for each step of the form I've got an error on the RadioGroup component. It says `RadioGroupItem` must be used within `RadioGroup `.
👇👇

This is the components for each step -- 👇👇

And this is the RadioGroup FormField component. 👇👇

I don't understand why I'm getting this error since my RadioGroupItem is in the RadioGroup component.

[joaopedrodcf]

Can you check that the RadioGroupItem and the RadioGroupItem that you are importing are not coming from radix instead of your local abstraction with shadcn ? Sometimes auto imports do that to me

[sumon-chandra]

It works.

I was importing the RadioGroup from radix by mistake. 🤦‍♂️