Improve Installation with vite/react docs

[hassaanhaider88]

Hello Tailwind CSS Team,

While integrating Tailwind CSS with a Vite + React project, I noticed a potential issue in the documentation that may confuse beginners.

In many tutorials or snippets, the following config is shown:

// vite.config.js
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  plugins: [tailwindcss()],
})

However, when working on a Vite + React setup, this causes an error unless the @vitejs/plugin-react is also included:

✅ Correct version for React projects:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'

export default defineConfig({
  plugins: [
    react(),
    tailwindcss(),
  ],
})

🙏 Suggestion:

To help beginners avoid confusion or errors, it would be great if the Tailwind CSS documentation clarified the need to include @vitejs/plugin-react when using React + Vite.

Thanks for your amazing work and tools!

Best regards,
*Hassaan Haider .Dev, Front-end Developer.