shadcn-ui / ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
https://ui.shadcn.com
MIT License
73.98k stars 4.56k forks source link

[bug]: Difficulties Encountered During SHADCN Installation on Next.js 15 #5759

Open solimanhossain opened 8 hours ago

solimanhossain commented 8 hours ago

Describe the bug

Problem: Screenshot 2024-11-07 190817

Affected component/components

Installation

How to reproduce

  1. Support @radix-ui/react-icons peer dependencies to React 19
  2. Documentation regarding next.js 15 installation

Codesandbox/StackBlitz link

No response

Logs

npx shadcn@latest init  
✔ Preflight checks.
✔ Verifying framework. Found Next.js.
✔ Validating Tailwind CSS.
✔ Validating import alias.
√ Which style would you like to use? » Default
√ Which color would you like to use as the base color? » Gray
√ Would you like to use CSS variables for theming? ... no / yes
✔ Writing components.json.
✔ Checking registry.
✔ Updating tailwind.config.js
✔ Updating app\globals.css
  Installing dependencies.

It looks like you are using React 19.
Some packages may fail to install due to peer dependency issues in npm (see https://ui.shadcn.com/react-19).

√ How would you like to proceed? » Use --force
⠴ Installing dependencies.
Something went wrong. Please check the error below for more details.
If the problem persists, please open an issue on GitHub.

Command failed with exit code 1: npm install --force tailwindcss-animate class-variance-authority lucide-react clsx tailwind-merge
Unknown command: "install$1$1"

Did you mean this?
  npm install # Install a package
To see a list of supported npm commands, run:
  npm help

System Info

Windows 11, Git Bash, Chrome

Before submitting

shadcn commented 5 hours ago

@solimanhossain is this codesandbox only? can you reproduce with a local install?