metro babel withTamagui

LunatiqueCoder · Jan 5, 2023 · 28a8f53 · 28a8f53
1 parent 0fcf929
commit 28a8f53
Showing 1 changed file with 31 additions and 2 deletions.
diff --git a/template/babel.config.native.js b/template/babel.config.native.js
@@ -1,5 +1,34 @@
 // babel.config.js
+process.env.TAMAGUI_TARGET = 'native';
+
 module.exports = {
-  presets: [['module:metro-react-native-babel-preset']],
-  plugins: ['react-native-reanimated/plugin'],
+  presets: [
+    [
+      'module:metro-react-native-babel-preset',
+      {useTransformReactJSXExperimental: true},
+    ],
+  ],
+  plugins: [
+    'react-native-reanimated/plugin',
+    [
+      '@babel/plugin-transform-react-jsx',
+      {
+        runtime: 'automatic',
+      },
+    ],
+    [
+      '@tamagui/babel-plugin',
+      {
+        components: ['tamagui'],
+        config: './tamagui',
+      },
+    ],
+    // be sure to set TAMAGUI_TARGET
+    [
+      'transform-inline-environment-variables',
+      {
+        include: 'TAMAGUI_TARGET',
+      },
+    ],
+  ],
 };