TypeError: _ReanimatedModule.default.configureProps is not a function

Question

Please I am facing this error currently in my expo app, is there anyone that can help please, I just upgrade our app to expo / SDK 46.0.0, React native 0.69.6, and I was forced to upgrade to reanimated 2.9.1. thereby bringing this error every time I run npm start —clear, I have imported it in barbel.config.js as mentioned in the documentation. thank you.

complete error

  ERROR  TypeError: _ReanimatedModule.default.configureProps is not a function. (In '_ReanimatedModule.default.configureProps(Object.keys(NATIVE_THREAD_PROPS_WHITELIST), Object.keys(UI_THREAD_PROPS_WHITELIST))', '_ReanimatedModule.default.configureProps' is undefined)
 ERROR  Invariant Violation: "main" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.

Please help thanks.

Answer 1

If you are using Expo SDK version 49 or later, it requires Reanimated version 3. Expo SDK 49 introduced support for Reanimated 3 and made it the default version. If you are using Reanimated version 2.*, it may not work properly with Expo SDK 49 or later, and you may encounter compatibility issues and errors.

Answer 2

The main problem is the babel.config.js file. You need to change the content of that file to

module.exports = function (api) {
  api.cache(true);
  return {
    presets: ["babel-preset-expo"],
    plugins: ["react-native-reanimated/plugin"],
  };
};

That solved the same problem for me.