React Native error: Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from

Question

I am getting the following error when I am running react native application using react-native-cli

error: node_modules\react-native-reanimated\src\index.ts: 
D:\Desktop\coding\Github\Stocksy\node_modules\react-native-reanimated\src\index.ts: 
Export namespace should be first transformed by `@babel/plugin-proposal-export-namespace-from`.

I am attaching the screenshot of error I am getting with my system configuration

System Config

Answer 1

Try this: -

1. npm install react-native-reanimated

2. In babel.config.js insert plugins: ['react-native-reanimated/plugin'] (make sure its at the end, it should look like this: -

   module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: ['react-native-reanimated/plugin'], };

3. run react-native start --reset-cache

4. run your native app (For ios example - npx react-native run-ios)

Answer 2

What you have to do is add this config to your babel.config.js and restart your app. plugins: ['react-native-reanimated/plugin'],