[bug]: CLI addition of sidebar not supported in monorepo

[PaulSinghDev]

Describe the bug

I have setup a monorepo with shadcn and it has been working great so far. The one issue I have found is that the <Sidebar /> component cannot be added via the CLI when in a monorepo.

When I run, for example npx shadcn@latest add alert everything is fine:

However, when I run npx shadcn@latest add sidebar I get an error related to incorrect path resolution from the mappings of the folders in the workspace:

This is the contents of the components.json file in the packages/ui directory:

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "@repo/tailwind-config/tailwind.config.ts",
    "css": "@repo/tailwind-config/globals.css",
    "baseColor": "neutral",
    "cssVariables": true
  },
  "iconLibrary": "lucide",
  "aliases": {
    "components": "@repo/ui/components",
    "utils": "@repo/ui/lib/utils",
    "hooks": "@repo/ui/hooks",
    "lib": "@repo/ui/lib",
    "ui": "@repo/ui/components"
  }
}

And this is the components.json of the apps/web directory:

{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "default",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "@repo/tailwind-config/tailwind.config.ts",
    "css": "app/globals.css",
    "baseColor": "slate",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "~/components",
    "utils": "@repo/ui/lib/utils",
    "ui": "@repo/ui/components",
    "lib": "~/lib",
    "hooks": "~/hooks"
  },
  "iconLibrary": "lucide"
}

Affected component/components

sidebar

How to reproduce

1. Setup a monorepo
2. cd into the web app
3. run npx shadcn@latest add sidebar

Codesandbox/StackBlitz link

No response

Logs

System Info

System is macOS 14.6.1 (23G93)
Node v20.12.2

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[rchiba]

I ran into something like this (but not exactly), where installing other components seemed to be working fine, but when trying to install the sidebar, it would fail to install due to the script not finding the tailwind config.

When I was running pnpm dlx shadcn@latest add sidebar, it was giving me the same error message as in your screenshot, but it was mentioning that tailwind.config.js was not found.

My app has a tailwind.config.ts instead of a tailwind.config.js, and when I went into the root directory of my app, into the components.json, I found that the file mentioned tailwind.config.js instead of tailwind.config.ts.

Updating components.json to use tailwind.config.ts resolved my issue.