./node_modules/3d-force-graph/dist/3d-force-graph.mjs Can't import the named export 'AmbientLight' from non EcmaScript module (only default export is available)

[rafasegat]

Describe the bug This issue is occurring for me:

./node_modules/3d-force-graph/dist/3d-force-graph.mjs Can't import the named export 'AmbientLight' from non EcmaScript module (only default export is available)

Additional context We're using Create React App.

"react": "16.13.1", "react-app-polyfill": "1.0.6", "react-dom": "16.13.1", "react-force-graph-2d": "1.25.0", "react-redux": "7.2.0", "react-router": "5.2.1", "react-router-dom": "5.2.0", "react-scripts": "4.0.3",

ANy thoughts? We tried to update the webpack but didn't work.

Thanks

[vasturiano]

Hi @rafasegat thanks for reaching out. Are you able to reproduce your issue on https://codesandbox.io/ ? If you have a repro link it will allow us to look a bit deeper into your issue.

[ZakRabe]

I also encountered this issue using "react-force-graph-2d": "1.43.0" and "react-scripts": "4.0.3" My resolution was: bumped to "react-scripts": "5.0.1" deleted my yarn.lock file ran yarn install