Reanimated 2 failed to create a worklet — Maybe You Forgot to Add Reanimated’s babel Plugin?

Question

I have tried all I can think of to fix this error. I have tried uninstalling reanimated-bottom-sheet and react-native-reanimated and reinstalling them. Clearing cache. I do not have a babel.config.js file that I am aware of to edit. I know the error comes from this exact import below.

import BottomSheet from 'reanimated-bottom-sheet';

I have also linked a repository in order to reproduce my exact issue here. I added my node_modules just in case, I am not sure if it would help someone see what I was doing wrong or not.

score 3 · Accepted Answer · answered Apr 05 '22 at 15:41

3

You need to add babel.config.js in root directory of the project (near package.json) with following context (or just grab it from https://github.com/software-mansion-labs/reanimated-2-playground):

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

Check reanimated docs https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/

answered Apr 05 '22 at 15:41

Sergey Zhukov

714
6
5

2

try clear expo cache using ```expo start -c``` – Sergey Zhukov Apr 05 '22 at 17:23
also probably you are missing react-native-reanimated inside package.json – Sergey Zhukov Apr 05 '22 at 17:26
check docs https://docs.expo.dev/versions/latest/sdk/reanimated/ – Sergey Zhukov Apr 05 '22 at 17:27
1

If someone is still having issues, you may have a `.babelrc` file which you should be updating instead of `babel.config.*` – codewizard May 02 '22 at 16:38

score 0 · Answer 2 · answered May 20 '22 at 17:40

0

I added 'react-native-reanimated/plugin' to babel.config.js - but I had also .babelrc... stay with only one of them...

answered May 20 '22 at 17:40

chenop

4,743
4
41
65

Aeo-dev · Answer 3 · 2022-05-26T19:51:42.180

0

__reanimatedWorkletInit function and __worklet property have been removed in react-native-reanimated@2.7.0.

Check reanimated releases https://github.com/software-mansion/react-native-reanimated/releases.

In my case i just downgraded to react-native-reanimated@2.6.0 and it worked fine

edited May 26 '22 at 19:51

answered May 26 '22 at 19:45

Aeo-dev

1
1

score 0 · Answer 4 · answered Jan 16 '23 at 13:06

0

If using expo, use

expo install react-native-reanimated react-native-gesture-handler

instead of

yarn add react-native-reanimated react-native-gesture-handler

and then exit server then run expo r -c This worked for me.

answered Jan 16 '23 at 13:06

Israël Mekomou

115
2
5

Reanimated 2 failed to create a worklet — Maybe You Forgot to Add Reanimated’s babel Plugin?

4 Answers4