How to fix react-native error after updating expo to 50.0

Question

When I run npm run ios in terminal, I get the below error

error: node_modules/expo-router/entry.js: [BABEL]: expo-router/babel is deprecated in favor of babel-preset-expo in SDK 50

I tried to install babel-preset-expo, but it was already installed

Answer 1

Removed the expo-router/babel from babel.config.js file and it works.

Answer 2

Removed the expo-router/babel from babel.config.js and re-run your expo app/server, clearing your cache with:

npx expo start --clear

Answer 3

I tried the above answers and didnt work. This is how I have done it.

The Error actually says to use babel-preset-expo instead. So

run this:

npm install --save-dev babel-preset-expo

update the babel.config.js

    module.exports = function(api) {
      api.cache(true);
    
      const presets = ['babel-preset-expo'];
    
      return {
        presets,
      };
};

then clear cache:

npx expo start --clear