Broken sourcemap

[SenyaMur]

Describe the bug

Vite create broken sourcemap file.
I reproduce this situation on clear vite bolerplate project use the follow command: pnpm create vite my-react-app --template react-ts
Than, I add two files with one hook:

• hookBad.ts
• hookGood.ts

And call both hook in App.tsx

Then, debug hookBad.ts sourcemap with incorrect line
Then, debug hookGood.ts sourcemap with correct line

The difference is import react as multiline.

Bad sourcemap

Good sourcemap

Reproduction

https://github.com/SenyaMur/vite-reatct-bad-hook

Steps to reproduce

clone repo https://github.com/SenyaMur/vite-reatct-bad-hook
pnpm i
pnpm dev
launch site in browser (for example: Chrome)
open DevTools and refresh site (press F5)

System Info

System:
    OS: Windows 10 10.0.19044
    CPU: (16) x64 AMD Ryzen 7 4800H with Radeon Graphics
    Memory: 4.99 GB / 15.42 GB
  Binaries:
    Node: 18.16.1 - C:\Program Files\nodejs\node.EXE
    npm: 8.3.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 8.6.7 - ~\AppData\Roaming\npm\pnpm.CMD
  npmPackages:
    @vitejs/plugin-react: ^4.0.4 => 4.0.4
    vite: ^4.4.9 => 4.4.9

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.

[SenyaMur]

Any news on the issue?

[SenyaMur]

In which version this issue will be?

[bluwy]

This will come in the next Vite beta release, which should be 5.0.0-beta.1