Set Up ShadCN UI with Tailwind CSS v3 & React 19: Fix Import Errors Like a Pro!

In this tutorial, we’ll walk you through setting up ShadCN UI in your Vite + React 19 project with Tailwind CSS v3. You’ll learn how to install ShadCN UI, configure tsconfig.app.json to resolve path conflicts, and fix import errors using legacy peer dependencies. Plus, we’ll add a button component and customize it with a destructive variant. If you’re facing TypeScript errors, we’ve got a quick fix for that too!

Mar 19, 2025 - 05:11
 0
Set Up ShadCN UI with Tailwind CSS v3 & React 19: Fix Import Errors Like a Pro!

In this tutorial, we’ll walk you through setting up ShadCN UI in your Vite + React 19 project with Tailwind CSS v3. You’ll learn how to install ShadCN UI, configure tsconfig.app.json to resolve path conflicts, and fix import errors using legacy peer dependencies. Plus, we’ll add a button component and customize it with a destructive variant. If you’re facing TypeScript errors, we’ve got a quick fix for that too!