react-spring
react-spring copied to clipboard
[bug]: `Dynamic require of "react-native" is not supported` on react native web
Which react-spring target are you using?
- [ ]
@react-spring/web - [ ]
@react-spring/three - [X]
@react-spring/native - [ ]
@react-spring/konva - [ ]
@react-spring/zdog
What version of react-spring are you using?
9.7.3
What's Wrong?
This error appears in the browser console when importing '@react-spring/native' in react native:
Uncaught Error: Dynamic require of "react-native" is not supported
node_modules bundle.js:60559
node_modules bundle.js:60630
...
To Reproduce
- Initialize a new project, as described in expo's documentation.
- Run
npm install @react-spring/native - Add these lines to the generated
App.tsx:import { useSpring, animated } from '@react-spring/native'; // These ensure lazy loading doesn't prevent the import console.log(useSpring); console.log(animated); - Start the app:
npx expo startand presswto open your browser. - The app will fail to load and the browser console will show the error:
Uncaught Error: Dynamic require of "react-native" is not supported.
Expected Behaviour
No error.
Link to repo
https://github.com/DoxasticFox/react-spring