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!

🔹 Topics Covered:

• ✅ Install ShadCN UI & Fix npm Dependency Issues
• ✅ Add Components (Button, Navbar) with Tailwind CSS
• ✅ Solve TypeScript Errors & Configure Aliases in vite.config.ts
• ✅ Apply Custom Styles & Theme Variants

Missed our previous video?

• Watch it here: React, Tailwind CSS & TypeScript Setup | Step-by-Step Vite Tutorial

👨‍💻 Follow us on GitHub and LinkedIn:

• GitHub: https://github.com/Sumonta056
• LinkedIn: https://www.linkedin.com/in/sumonta-saha-mridul-b35bb61a0/