The shadcn CLI command I gave you is correct for the components used in this form. Here's the full command again:
npx shadcn@latest add input label textarea button slider badge selectThat covers every @/components/ui/* import in the form: input, label, textarea, button, slider, badge, and select. The field component from shadcn's newer additions is not used here -- I built a custom FieldWrapper inline instead.
Regarding the v0 install method: v0 still supports installing projects via the shadcn CLI or downloading as a ZIP. You can click the three dots in the top right of the preview and choose either option. If you're not seeing it, try refreshing the sidebar or opening the project settings.
The issue is that the shadcn Slider component uses a _values memo that computes a fallback of [min, max] when neither value nor defaultValue is an array -- but we're passing value={[edited.rating]} which should be fine. The real issue might be with how the component handles the _values length for rendering thumbs. Let me replace it with a simpler, direct usage of the Radix slider primitive, bypassing the shadcn wrapper.
Replaced the shadcn Slider wrapper with a direct @radix-ui/react-slider primitive usage. This avoids the shadcn wrapper's internal _values memo logic that was causing the error, while keeping the exact same visual styling (track, range, thumb classes). The component renders a single thumb for the 0-5 rating with 0.1 step intervals.
You can send messages while the preview loads