Error: Failed to create a worklet. Did you forget to add Reanimated Babel plugin in babel.config.js?

Chinwendu Evans — Tue, 24 Oct 2023 05:20:02 +0000

If you are trying to implement a React Native Drawer Navigator and encounter the error 'Error: Failed to create a worklet. Did you forget to add Reanimated Babel plugin in babel.config.js?', here is a quick fix for Expo.

Error on Web:

Error on Mobile

Solution:

Step 1: Ensure That Reanimated Babel Plugin Is Added to babel.config.js

Note that in babel.config.js, the react-native-reanimated/plugin should be added, and it must be the last element in the array.

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

Step 2:Restart Your Expo Server

Stop your Expo server (Ctrl+C), and then run the command below:

expo r -c

This will fix the issue. I hope it works for you. Feel free to comment and let me know if it worked for you. Thanks for reading. We can connect on X or LinkedIn.

DEV Community: Chinwendu Evans

Error: Failed to create a worklet. Did you forget to add Reanimated Babel plugin in babel.config.js?

Solution:

Step 1: Ensure That Reanimated Babel Plugin Is Added to babel.config.js

Step 2:Restart Your Expo Server