Can't import the named export 'useState' from non EcmaScript module

[raysk4ever]

Getting this error on console

Error

./node_modules/@piotr-cz/swr-idb-cache/dist/index.mjs 106:46-54
Can't import the named export 'useState' from non EcmaScript module (only default export is available)

package.json

"@piotr-cz/swr-idb-cache": "^1.1.0"

Can someone look into this issue?

[piotr-cz]

Please provide package.json so I can reproduce the issue.
Problem might be that react doesn't export itself in module format, just in commonjs or that webpack doesn't process .mjs files properly.

In the meanwhile you can pin the package to latest 1.0.x:

npm install --save-exact @piotr-cz/swr-idb-cache@1.0.x

Are you using create-react-app by any chance?

The react-hook-form package had similar issue and the fixed it here: react-hook-form/react-hook-form#10486 by moving type out of tsx to ts file.

[piotr-cz]

Cannot reproduce with create-react-app.

You have to provide more information about your build setup so I can reproduce the issue.