[bug]: Dashboard-01 Block fails with errors after import into Vite + React + TypeScript

[kangchainx]

Describe the bug

I followed the official guide (https://ui.shadcn.com/blocks#dashboard-01
) to import the Dashboard-01 block into my Vite + React + TypeScript project and used the example page.tsx. After starting the app, the build/runtime shows multiple errors exactly as in my attached screenshot. Please refer to the screenshot for the specific error messages.

Affected component/components

Dashboard-01

How to reproduce

1. npm create vite@latest
2. npm install tailwindcss @tailwindcss/vite
3. npm install -D @types/node
4. npx shadcn@latest init
5. npx shadcn@latest add dashboard-01

Codesandbox/StackBlitz link

No response

Logs

System Info

1. React: 19.1.1
2. TypeScript: 5.9.3
3. Vite: 7.1.7
4. Shadcn/UI: latest

Before submitting

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

[viraj-ap]

I tried recreating it basically you can fix it in the following way. @kangchainx

Update the imports in these two files
chart-area-interactive.tsx
data-table.tsx
in data-table.tsx chart-For types vite needs import type {dependency} from "something";
and remove and re-import all the dependencies.
import type {
Row,
SortingState,
VisibilityState,
ColumnDef,
ColumnFiltersState,
} from "@tanstack/react-table";

and in chart-area just remove and re-import all the things and you are good to go just make sure that you import what is in like the local ui folder and not radix UI.

[kangchainx]

It works, Thanks.