react throws error "Can't import the named export '__rest' from non EcmaScript module (only default export is available)"

[ayanb1991]

Describe the bug
React 16 is throwing error while using remark-slate-transformer@0.7.5. Compilation fails with below error.

Can't import the named export '__rest' from non EcmaScript module (only default export is available)

Steps to Reproduce

• Create a new CRA project
• Install remark-slate-transformer@0.7.5. It has a dependency with a ‘.mjs’ file extension
• Import the package in your project.
• Run npm start

Expected behavior
The project should run without any errors, and the package should be imported successfully.

Additional context
Node Version: 14
React Version: 16.13.1

Note:
Changing import {__rest} from 'tslib'; to import __rest from 'tslib'; in index.mjs fixes the issue.

[inokawa]

I think it would be a problem of CRA with mjs.
facebook/create-react-app#10356

[ayanb1991]

Thanks for pointing out. Adding below module rule to webpack.config.js (after ejecting react app), resolves the above problem.

{
     test: /\.mjs$/,
     include: /node_modules/,
     type: "javascript/auto"
}