[bug]: Featured block "dashboard-01" does not work in v0

[michellepace]

Describe the bug

Hello. The featured block https://ui.shadcn.com/blocks#dashboard-01 is not working on v0 when I click the "open in v0" button. As in, I cannot deploy it to Vercel because it fails to build in Vercel. I have not done any changes to what was imported into v0 using the "open in v0" button.

In v0 I see:

In Vercel I see: (logs included below)

Affected component/components

https://ui.shadcn.com/blocks#dashboard-01

How to reproduce

1. Choose the featured https://ui.shadcn.com/blocks#dashboard-01
2. Click "Open in v0"
3. Looks find in the v0 chat but then when I click "Deploy" I get an error (see screenshots Description above)
4. If I click "Fix with v0" it goes around in circles and doesn't fix it
5. If this is a "featured" block and there's a "Open in v0" button... I really expect this to work seamlessly

Codesandbox/StackBlitz link

https://github.com/michellepace/v0-c-dashboard-01-shadcn/

Logs

BUILD LOGS ON VERCEL (failed deployment):

[11:18:48.717] Retrieving list of deployment files...
[11:18:48.936] Previous build caches not available
[11:18:49.094] Downloading 81 deployment files...
[11:18:49.869] Running build in Washington, D.C., USA (East) – iad1
[11:18:50.391] Running "vercel build"
[11:18:50.918] Vercel CLI 41.6.2
[11:18:51.321] Detected `pnpm-lock.yaml` 9 which may be generated by pnpm@9.x or pnpm@10.x
[11:18:51.322] Using pnpm@10.x based on project creation date
[11:18:51.322] To use pnpm@9.x, manually opt in using corepack (https://vercel.com/docs/deployments/configure-a-build#corepack)
[11:18:51.328] Running "install" command: `pnpm install`...
[11:18:52.606] Progress: resolved 1, reused 0, downloaded 0, added 0
[11:18:53.618] Progress: resolved 46, reused 0, downloaded 35, added 0
[11:18:54.625] Progress: resolved 60, reused 0, downloaded 35, added 0
[11:18:55.626] Progress: resolved 72, reused 0, downloaded 38, added 0
[11:18:56.626] Progress: resolved 79, reused 0, downloaded 55, added 0
[11:18:57.626] Progress: resolved 100, reused 0, downloaded 63, added 0
[11:18:58.674] Progress: resolved 117, reused 0, downloaded 63, added 0
[11:18:59.675] Progress: resolved 148, reused 0, downloaded 63, added 0
[11:19:00.685] Progress: resolved 169, reused 0, downloaded 99, added 0
[11:19:01.687] Progress: resolved 169, reused 0, downloaded 117, added 0
[11:19:02.687] Progress: resolved 169, reused 0, downloaded 118, added 0
[11:19:03.700] Progress: resolved 177, reused 0, downloaded 131, added 0
[11:19:04.226] Packages: +187
[11:19:04.226] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
[11:19:04.703] Progress: resolved 209, reused 0, downloaded 177, added 12
[11:19:05.703] Progress: resolved 209, reused 0, downloaded 188, added 91
[11:19:06.704] Progress: resolved 209, reused 0, downloaded 188, added 92
[11:19:08.313] Progress: resolved 209, reused 0, downloaded 188, added 93
[11:19:09.313] Progress: resolved 209, reused 0, downloaded 188, added 111
[11:19:10.282] Progress: resolved 209, reused 0, downloaded 188, added 187, done
[11:19:10.698]  WARN  Issues with peer dependencies found
[11:19:10.699] .
[11:19:10.700] ├─┬ react-day-picker 8.10.1
[11:19:10.700] │ ├── ✕ unmet peer react@"^16.8.0 || ^17.0.0 || ^18.0.0": found 19.1.0
[11:19:10.701] │ └── ✕ unmet peer date-fns@"^2.28.0 || ^3.0.0": found 4.1.0
[11:19:10.701] └─┬ vaul 0.9.9
[11:19:10.702]   ├── ✕ unmet peer react@"^16.8 || ^17.0 || ^18.0": found 19.1.0
[11:19:10.702]   └── ✕ unmet peer react-dom@"^16.8 || ^17.0 || ^18.0": found 19.1.0
[11:19:10.704] 
[11:19:10.705] dependencies:
[11:19:10.705] + @dnd-kit/core 6.3.1
[11:19:10.706] + @dnd-kit/modifiers 9.0.0
[11:19:10.706] + @dnd-kit/sortable 10.0.0
[11:19:10.707] + @dnd-kit/utilities 3.2.2
[11:19:10.707] + @hookform/resolvers 3.10.0 (5.0.1 is available)
[11:19:10.707] + @radix-ui/react-accordion 1.2.2 (1.2.8 is available)
[11:19:10.708] + @radix-ui/react-alert-dialog 1.1.4 (1.1.11 is available)
[11:19:10.708] + @radix-ui/react-aspect-ratio 1.1.1 (1.1.4 is available)
[11:19:10.708] + @radix-ui/react-avatar 1.1.2 (1.1.7 is available)
[11:19:10.709] + @radix-ui/react-checkbox 1.1.3 (1.2.3 is available)
[11:19:10.709] + @radix-ui/react-collapsible 1.1.2 (1.1.8 is available)
[11:19:10.709] + @radix-ui/react-context-menu 2.2.4 (2.2.12 is available)
[11:19:10.710] + @radix-ui/react-dialog 1.1.4 (1.1.11 is available)
[11:19:10.710] + @radix-ui/react-dropdown-menu 2.1.4 (2.1.12 is available)
[11:19:10.710] + @radix-ui/react-hover-card 1.1.4 (1.1.11 is available)
[11:19:10.710] + @radix-ui/react-label 2.1.1 (2.1.4 is available)
[11:19:10.711] + @radix-ui/react-menubar 1.1.4 (1.1.12 is available)
[11:19:10.711] + @radix-ui/react-navigation-menu 1.2.3 (1.2.10 is available)
[11:19:10.711] + @radix-ui/react-popover 1.1.4 (1.1.11 is available)
[11:19:10.711] + @radix-ui/react-progress 1.1.1 (1.1.4 is available)
[11:19:10.712] + @radix-ui/react-radio-group 1.2.2 (1.3.4 is available)
[11:19:10.712] + @radix-ui/react-scroll-area 1.2.2 (1.2.6 is available)
[11:19:10.712] + @radix-ui/react-select 2.1.4 (2.2.2 is available)
[11:19:10.713] + @radix-ui/react-separator 1.1.1 (1.1.4 is available)
[11:19:10.713] + @radix-ui/react-slider 1.2.2 (1.3.2 is available)
[11:19:10.713] + @radix-ui/react-slot 1.1.1 (1.2.0 is available)
[11:19:10.713] + @radix-ui/react-switch 1.1.2 (1.2.2 is available)
[11:19:10.714] + @radix-ui/react-tabs 1.1.2 (1.1.9 is available)
[11:19:10.714] + @radix-ui/react-toast 1.2.4 (1.2.11 is available)
[11:19:10.714] + @radix-ui/react-toggle 1.1.1 (1.1.6 is available)
[11:19:10.715] + @radix-ui/react-toggle-group 1.1.1 (1.1.7 is available)
[11:19:10.715] + @radix-ui/react-tooltip 1.1.6 (1.2.4 is available)
[11:19:10.715] + @tailwindcss/container-queries 0.1.1
[11:19:10.715] + @tanstack/react-table 8.21.3
[11:19:10.716] + autoprefixer 10.4.21
[11:19:10.716] + class-variance-authority 0.7.1
[11:19:10.716] + clsx 2.1.1
[11:19:10.716] + cmdk 1.0.4 (1.1.1 is available)
[11:19:10.717] + date-fns 4.1.0
[11:19:10.717] + embla-carousel-react 8.5.1 (8.6.0 is available)
[11:19:10.717] + input-otp 1.4.1 (1.4.2 is available)
[11:19:10.718] + lucide-react 0.454.0 (0.503.0 is available)
[11:19:10.718] + next 15.2.4 (15.3.1 is available)
[11:19:10.718] + next-themes 0.4.6
[11:19:10.718] + react 19.1.0
[11:19:10.719] + react-day-picker 8.10.1 (9.6.7 is available)
[11:19:10.719] + react-dom 19.1.0
[11:19:10.719] + react-hook-form 7.56.1
[11:19:10.719] + react-resizable-panels 2.1.8
[11:19:10.720] + recharts 2.15.0 (2.15.3 is available)
[11:19:10.720] + sonner 1.7.4 (2.0.3 is available)
[11:19:10.720] + tailwind-merge 2.6.0 (3.2.0 is available)
[11:19:10.721] + tailwindcss-animate 1.0.7
[11:19:10.721] + vaul 0.9.9 (1.1.2 is available)
[11:19:10.721] + zod 3.24.3
[11:19:10.721] 
[11:19:10.722] devDependencies:
[11:19:10.722] + @types/node 22.14.1
[11:19:10.722] + @types/react 19.1.2
[11:19:10.722] + @types/react-dom 19.1.2
[11:19:10.723] + postcss 8.5.3
[11:19:10.723] + tailwindcss 4.1.4
[11:19:10.725] + typescript 5.8.3
[11:19:10.725] 
[11:19:10.725] ╭ Warning ─────────────────────────────────────────────────────────────────────╮
[11:19:10.726] │                                                                              │
[11:19:10.726] │   Ignored build scripts: sharp.                                              │
[11:19:10.726] │   Run "pnpm approve-builds" to pick which dependencies should be allowed     │
[11:19:10.727] │   to run scripts.                                                            │
[11:19:10.727] │                                                                              │
[11:19:10.727] ╰──────────────────────────────────────────────────────────────────────────────╯
[11:19:10.727] 
[11:19:10.742] Done in 19.2s using pnpm v10.9.0
[11:19:10.803] Detected Next.js version: 15.2.4
[11:19:10.805] Running "pnpm build"
[11:19:11.229] 
[11:19:11.230] > my-v0-project@0.1.0 build /vercel/path1
[11:19:11.230] > next build
[11:19:11.231] 
[11:19:12.170] Attention: Next.js now collects completely anonymous telemetry regarding usage.
[11:19:12.171] This information is used to shape Next.js' roadmap and prioritize features.
[11:19:12.171] You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
[11:19:12.172] https://nextjs.org/telemetry
[11:19:12.172] 
[11:19:12.245]    ▲ Next.js 15.2.4
[11:19:12.246] 
[11:19:12.347]    Creating an optimized production build ...
[11:19:45.888] Failed to compile.
[11:19:45.888] 
[11:19:45.888] ./app/globals.css.webpack[javascript/auto]!=!./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css
[11:19:45.889] Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
[11:19:45.889]     at Le (/vercel/path1/node_modules/.pnpm/tailwindcss@4.1.4/node_modules/tailwindcss/dist/lib.js:36:1984)
[11:19:45.889]     at LazyResult.runOnRoot (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:329:16)
[11:19:45.889]     at LazyResult.runAsync (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:258:26)
[11:19:45.889]     at LazyResult.async (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:160:30)
[11:19:45.889]     at LazyResult.then (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:404:17)
[11:19:45.889] 
[11:19:45.889] Import trace for requested module:
[11:19:45.890] ./app/globals.css.webpack[javascript/auto]!=!./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css
[11:19:45.890] ./app/globals.css
[11:19:45.890] 
[11:19:45.890] ./app/globals.css
[11:19:45.890] Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
[11:19:45.890]     at Le (/vercel/path1/node_modules/.pnpm/tailwindcss@4.1.4/node_modules/tailwindcss/dist/lib.js:36:1984)
[11:19:45.890]     at LazyResult.runOnRoot (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:329:16)
[11:19:45.890]     at LazyResult.runAsync (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:258:26)
[11:19:45.890]     at LazyResult.async (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:160:30)
[11:19:45.891]     at LazyResult.then (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:404:17)
[11:19:45.891]     at tryRunOrWebpackError (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)
[11:19:45.891]     at __webpack_require_module__ (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
[11:19:45.892]     at __nested_webpack_require_161494__ (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
[11:19:45.892]     at /vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
[11:19:45.892]     at symbolIterator (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
[11:19:45.892]     at done (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/neo-async/async.js:1:14824)
[11:19:45.892]     at Hook.eval [as callAsync] (eval at create (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), <anonymous>:15:1)
[11:19:45.893]     at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)
[11:19:45.893]     at /vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130703
[11:19:45.893]     at symbolIterator (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/neo-async/async.js:1:14402)
[11:19:45.893] -- inner error --
[11:19:45.894] Error: It looks like you're trying to use `tailwindcss` directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install `@tailwindcss/postcss` and update your PostCSS configuration.
[11:19:45.894]     at Le (/vercel/path1/node_modules/.pnpm/tailwindcss@4.1.4/node_modules/tailwindcss/dist/lib.js:36:1984)
[11:19:45.894]     at LazyResult.runOnRoot (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:329:16)
[11:19:45.894]     at LazyResult.runAsync (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:258:26)
[11:19:45.894]     at LazyResult.async (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:160:30)
[11:19:45.895]     at LazyResult.then (/vercel/path1/node_modules/.pnpm/postcss@8.4.31/node_modules/postcss/lib/lazy-result.js:404:17)
[11:19:45.895]     at Object.<anonymous> (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css:1:7)
[11:19:45.895]     at /vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:962742
[11:19:45.895]     at Hook.eval [as call] (eval at create (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), <anonymous>:7:1)
[11:19:45.896]     at Hook.CALL_DELEGATE [as _call] (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)
[11:19:45.896]     at /vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131581
[11:19:45.896]     at tryRunOrWebpackError (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)
[11:19:45.896]     at __webpack_require_module__ (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
[11:19:45.896]     at __nested_webpack_require_161494__ (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
[11:19:45.896]     at /vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
[11:19:45.896]     at symbolIterator (/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
[11:19:45.896] 
[11:19:45.896] Generated code for /vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/.pnpm/next@15.2.4_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css
[11:19:45.896] 
[11:19:45.896] Import trace for requested module:
[11:19:45.902] ./app/globals.css
[11:19:45.902] 
[11:19:45.906] 
[11:19:45.907] > Build failed because of webpack errors
[11:19:45.972]  ELIFECYCLE  Command failed with exit code 1.
[11:19:46.001] Error: Command "pnpm build" exited with 1
[11:19:46.622]

System Info

Exactly what you have in https://ui.shadcn.com/blocks#dashboard-01 with no changes.

Windows, Edge browser, v0 Premium, Vercel (free)

Before submitting

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