bug creating react app

[yayidg22]

Describe the bug

the problem is this is a react (javascript) app if i rename the src/main.jsx to src/main.tsx works

Reproduction

no one

Steps to reproduce

$ yarn create vite my-react-app --template react
$ cd my-react-app
$ yarn install
$ yarn run dev

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (12) x64 12th Gen Intel(R) Core(TM) i5-12400F
    Memory: 14.52 GB / 31.82 GB
  Binaries:
    Node: 18.20.3 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
    npm: 10.7.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.3.0 - C:\Program Files\nodejs\pnpm.CMD
    bun: 1.1.38 - ~\.bun\bin\bun.EXE
  Browsers:
    Chrome: 131.0.6778.205
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @vitejs/plugin-react: ^4.3.4 => 4.3.4
    vite: ^6.0.5 => 6.0.6

Used Package Manager

yarn

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.

[nozomuikuta]

If you want to scaffold a React application with TypeScript, you need to use react-ts template.
Run yarn create vite my-react-app --template react-ts instead.

[bluwy]

I can't quite reproduce the issue. We're correctly using .jsx and .tsx for the react and react-ts templates respectively.

https://github.com/vitejs/vite/blob/a4922537a8d705da7769d30626a0d846511fc124/packages/create-vite/template-react/src/main.jsx

https://github.com/vitejs/vite/blob/a4922537a8d705da7769d30626a0d846511fc124/packages/create-vite/template-react-ts/src/main.tsx

Can you provide a repro with the project? @yayidg22

[github-actions]

Hello @yayidg22. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with needs reproduction will be closed if they have no activity within 3 days.

[yayidg22]

Hello this is the StackBlitz

[bluwy]

I don't see any issue in the repro. It's rendering fine and there's no errors in the console.