title: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?
body: <p>This is my babel file</p>
  <p><a href="https://i.stack.imgur.com/0d3g2.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0d3g2.png" alt="enter image description here" /></a></p>
  <p>My code:</p>
  <pre class="lang-js prettyprint-override"><code>import React, { useRef, useState } from 'react'
  import { View, useWindowDimensions, Button } from 'react-native'
  import Animated, { runOnUI } from 'react-native-reanimated';
  
  export default function Login() {
      const { width, height } = useWindowDimensions();
      // const value = useSharedValue(0);
      function someWorklet(greeting: any) {
          'worklet';
          console.log(&quot;Hey I'm running on the UI thread&quot;);
      }
  
      return (
          &lt;View style={{ flex: 1, justifyContent: 'flex-end', alignItems: 'center' }}&gt;
              &lt;Button title=&quot;click me&quot; onPress={() =&gt; runOnUI(someWorklet)('Howdy')} /&gt;
          &lt;/View&gt;
      );
  }
  </code></pre>
  <p>The package I installed is <code>&quot;react-native-reanimated&quot;: &quot;^2.1.0&quot;</code></p>
  <p>I followed their installation process: <a href="https://docs.swmansion.com/react-native-reanimated/docs/installation" rel="noreferrer">React Native Reanimated instalation guide</a>.</p>
  <p>The error is:</p>
  <blockquote>
  <p>Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?</p>
  </blockquote>