Initialization Fails with Dependency Conflicts on T3-Stack App Router Project

[Jacksonmills]

Summary

Dependency resolution issue while running pnpm dlx shadcn-ui@latest init in the new npm create t3-app@latest app router.

Steps to Reproduce

init a new t3 app with the new app router npm create t3-app@latest run pnpm dlx shadcn-ui@latest init

Observations

Interestingly, I ran the init command using pnpm, the initialization script appears to be internally using npm for installing dependencies. This mismatch could potentially be contributing to the issue at hand.

❯ pnpm dlx shadcn-ui@latest init

Packages: +198
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Progress: resolved 198, reused 197, downloaded 1, added 198, done
✔ Would you like to use TypeScript (recommended)? … no / yes
✔ Which style would you like to use? › Default
✔ Which color would you like to use as base color? › Neutral
✔ Where is your global CSS file? … src/styles/globals.css
✔ Would you like to use CSS variables for colors? … no / yes
✔ Where is your tailwind.config.js located? … tailwind.config.ts
✔ Configure the import alias for components: … ~/app/_components
✔ Configure the import alias for utils: … ~/lib
✔ Are you using React Server Components? … no / yes
✔ Write configuration to components.json. Proceed? … yes

✔ Writing components.json...
✔ Initializing project...
⠦ Installing dependencies...Command failed with exit code 1: npm install tailwindcss-animate class-variance-authority clsx tailwind-merge lucide-react
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @eslint/eslintrc@2.1.2
npm WARN Found: peer eslint-plugin-jsdoc@">=22.1.0" from eslint-config-eslint@7.0.0
npm WARN node_modules/.pnpm/@eslint+eslintrc@2.1.2/node_modules/@eslint/eslintrc/node_modules/eslint-config-eslint
npm WARN   dev eslint-config-eslint@"^7.0.0" from @eslint/eslintrc@2.1.2
npm WARN   node_modules/.pnpm/@eslint+eslintrc@2.1.2/node_modules/@eslint/eslintrc
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer eslint-plugin-jsdoc@">=22.1.0" from eslint-config-eslint@7.0.0
npm WARN node_modules/.pnpm/@eslint+eslintrc@2.1.2/node_modules/@eslint/eslintrc/node_modules/eslint-config-eslint
npm WARN   dev eslint-config-eslint@"^7.0.0" from @eslint/eslintrc@2.1.2
npm WARN   node_modules/.pnpm/@eslint+eslintrc@2.1.2/node_modules/@eslint/eslintrc
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm ERR! Cannot read properties of null (reading 'edgesOut')

[Jacksonmills]

This was on me not thinking to convert the command on the https://create.t3.gg/ page from npm to pnpm ... I just tried starting an app fresh using pnpm as well for the create t3 app and all is well!