Fix stack trace on worklet factory crash

app/src/examples/WorkletFactoryCrashExample.tsx

@@ -0,0 +1,34 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import React from 'react';
+import { Button, StyleSheet, View, Text } from 'react-native';
+
+export default function App() {
+  function handleOnPress() {
+    function badWorklet() {
+      'worklet';
+      // @ts-expect-error
+      unexistingVariable;
+    }
+  }
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.text}>
+        Clicking the button below should give a stack trace that denotes the
+        error in `badWorklet` function, pointing to `unexistingVariable` usage.
+      </Text>
+      <Button title={'Crash me'} onPress={handleOnPress} />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  text: {
+    textAlign: 'center',
+  },
+});

app/src/examples/index.ts

@@ -108,6 +108,7 @@ import WobbleExample from './WobbleExample';
 import WorkletExample from './WorkletExample';
 import WorkletRuntimeExample from './WorkletRuntimeExample';
 import NestedLayoutAnimationConfig from './LayoutAnimations/NestedLayoutAnimationConfig';
+import WorkletFactoryCrash from './WorkletFactoryCrashExample';
 
 interface Example {
   icon?: string;
@@ -412,6 +413,11 @@ export const EXAMPLES: Record<string, Example> = {
     title: 'Log test',
     screen: LogExample,
   },
+  WorkletFactoryCrash: {
+    icon: '🏭',
+    title: 'Worklet factory crash',
+    screen: WorkletFactoryCrash,
+  },
 
   // Old examples