React Native with Typescript and Jest is broken after 0.57 Update: Couldn't find preset “module:metro-react-native-babel-preset” relative to directory

Question

If you integrate test with Jest and Enzyme in the new React Version 0.57 and TypeScript, they won\'t work. Here are the steps to reproduce:

Create a new React Native pro

Answer 1

had a similar issue when upgrading to 0.57, my package.json still contained an entry for babel-preset-react-native (which is now deprecated in favor of metro-react-native-babel-preset). All I had to do was

yarn remove babel-preset-react-native

and then

yarn add metro-react-native-babel-preset --dev

Lastly, make sure you change your .babelrc from

{
  "presets": ["react-native"]
}

to

{
  "presets": ["module:metro-react-native-babel-preset"]
}

More info can be found here