dharmveer97
commented
2 weeks ago Description
I'm experiencing an issue using ShadCN UI with the Vercel Commerce template after it was recently updated to Next.js 15. Previously, ShadCN UI components worked well with this template, but since the update, they fail to load due to a conflict with Radix UI components.
Error Message
The following error appears when trying to use ShadCN UI components:
Module not found: Can't resolve '@radix-ui/react-dropdown-menu'Steps to Reproduce
- Clone the latest Vercel Commerce template (Next.js 15).
- Install ShadCN UI components as per the official documentation.
- Attempt to import and use any ShadCN UI component (e.g., DropdownMenu).
- The module resolution error for Radix UI components occurs.
Expected Behavior
The ShadCN UI components should integrate seamlessly with the Vercel Commerce template, as they did in previous versions.
What I Tried
Reinstalled all dependencies and removed node_modules and lock files. Verified that ShadCN UI works with a clean Next.js 15 project (outside of the Vercel Commerce template). Tried manually adding @radix-ui/react-dropdown-menu to package.json, but the issue persists.
Environment
Next.js: 15.0.0-rc.1 ShadCN UI: 10.8.3 Radix UI: 10.8.3 Package Manager: pnpm
Additional Context
I suspect this is related to a compatibility issue between Radix UI components within ShadCN and the specific versions used in the Vercel Commerce template, as they are embedded deeply in ShadCN. A workaround or guidance would be greatly appreciated.
💡 To make it easier for others to investigate this issue, I recommend creating a sandbox environment (e.g., using CodeSandbox or StackBlitz). This will allow others to explore and troubleshoot the problem directly.
Providing a live, interactive example will make it simpler for contributors to understand and offer targeted solutions. 🙌 Thank you!!!!
Description
I'm experiencing an issue using ShadCN UI with the Vercel Commerce template after it was recently updated to Next.js 15. Previously, ShadCN UI components worked well with this template, but since the update, they fail to load due to a conflict with Radix UI components.
Error Message
The following error appears when trying to use ShadCN UI components:
Module not found: Can't resolve '@radix-ui/react-dropdown-menu'Steps to Reproduce
Expected Behavior
The ShadCN UI components should integrate seamlessly with the Vercel Commerce template, as they did in previous versions.
What I Tried
Reinstalled all dependencies and removed node_modules and lock files. Verified that ShadCN UI works with a clean Next.js 15 project (outside of the Vercel Commerce template). Tried manually adding @radix-ui/react-dropdown-menu to package.json, but the issue persists.
Environment
Next.js: 15.0.0-rc.1 ShadCN UI: 10.8.3 Radix UI: 10.8.3 Package Manager: pnpm
Additional Context
I suspect this is related to a compatibility issue between Radix UI components within ShadCN and the specific versions used in the Vercel Commerce template, as they are embedded deeply in ShadCN. A workaround or guidance would be greatly appreciated.