Vite installs React 19 bsing TypeScript to by default, caureak with "Cannot find namespace 'JSX'" error

[Fsp30]

Describe the bug

Description:
When creating a new project using Vite with the React + TypeScript template, I noticed that react and react-dom were installed in version 19 (alpha) by default. Since React 19 is still in an experimental stage and comes with structural changes, it caused TypeScript to completely fail JSX typing, resulting in the following error:

Cannot find namespace 'JSX'.

This makes the development experience very confusing for those expecting a stable environment.
Steps to reproduce:

1. Run npm create vite@latest and choose the react-ts template.
2. Complete the setup and install dependencies (npm install).
3. Try creating a basic component with JSX.
4. Observe the TypeScript error: Cannot find namespace 'JSX'.
   Current behavior:
   The installed versions are:

"react": "^19.0.0",
"react-dom": "^19.0.0"

TypeScript breaks JSX support out of the box due to changes in React 19 typings.
Libraries like react-hook-form, react-router, and others are not yet compatible.
Workaround used:
Instead of downgrading React, I created a global types file to patch JSX support and avoid the TypeScript error:

// types/global.d.ts
import type React from "react";

declare global {
  namespace JSX {
    interface Element extends React.ReactElement {}
    interface ElementClass extends React.Component {}
    interface IntrinsicElements {
      [elemName: string]: any;
    }
  }
}

This workaround re-enables JSX support manually, but it's not ideal — especially for beginners or production setups.

Reproduction

https://github.com/Fsp30/Public-maxidata-challenge

Steps to reproduce

No response

System Info

System Info:
- Vite: 6.3.1
- Node: 22.12.0
- npm: 11.2.0
- pnpm: 10.8.1
- OS: Windows 11

Used Package Manager

pnpm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[hi-ogawa]

Steps to reproduce:

1. Run npm create vite@latest and choose the react-ts template.
2. Complete the setup and install dependencies (npm install).
3. Try creating a basic component with JSX.
4. Observe the TypeScript error: Cannot find namespace 'JSX'.

I couldn't reproduce the issue.

(Btw, React 19 is stable, so Vite template should recommend it. If there's a 3rd package issue, then the issue should be raised on that side.)