Better error when passing easing from 'react-native' instead of 'reanimated'

src/reanimated2/animation/timing.ts

@@ -65,6 +65,29 @@ export const withTiming = function (
 ): Animation<TimingAnimation> {
   'worklet';
 
+  if (__DEV__) {
+    // validate config
+    if (userConfig?.easing) {
+      const { easing } = userConfig;
+      const isFunction: boolean = typeof easing === 'function';
+      const isWorklet: boolean = !!(
+        easing as unknown as { __workletHash: number }
+      )?.__workletHash;
+      const functionName = typeof easing === 'function' ? easing?.name : '';
+      /** When calling `withTiming` on UI we don't pass worklets directly, but we
+      bound them first. This happens, for example, when animating with keyframes */
+      const isBound = functionName.startsWith('bound');
+
+      if (!isBound && isFunction && !isWorklet) {
+        throw new Error(
+          `[Reanimated] The easing function ${
+            functionName ? `\`${functionName}\` ` : ''
+          }provided to \`withTiming\` is not a worklet. Are you sure you didn't import it from react-native? `
+        );
+      }
+    }
+  }
+
   return defineAnimation<TimingAnimation>(toValue, () => {
     'worklet';
     const config: Required<Omit<TimingConfig, 'reduceMotion'>> = {