unable to import sucrase since vite2.8

Describe the bug

got the error TypeError: import_NameManager.default is not a constructor, and I inspected a bit, the problem is that sucrase uses index.mjs as esm module entry, but then vite will import sub modules from .js files instead of .mjs files, whilst sucrase imports esm module without extension, it will work if I use import_NameManager.default.default, right now I have to use resolve.alias to sucrase: 'sucrase/dist/index.js', as a workaround, and the problem only happens with dev but works with build, and only since vite@2.8

Reproduction

https://stackblitz.com/edit/vitejs-vite-ntzpyn?file=main.js&terminal=dev

System Info

Binaries:
    Node: 14.19.0 - /usr/local/bin/node
    Yarn: 1.22.10 - /bin/yarn
    npm: 7.17.0 - /bin/npm
  npmPackages:
    vite: ^2.8.0 => 2.8.4

Used Package Manager

npm

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 https://github.com/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.

[nihgwu]

I think we can close this ticket as it’s fixed from the package side

[nihgwu]

I forced vite/esbuild to import cjs version instead via alias sucrase: 'sucrase/dist/index.js', to solve the problem right now