Add support for RN 73 with backwards compatibility (#45)

* add support for RN 73 with backwards compatibility * fix typo --------- Co-authored-by: Lukas Müller <[email protected]>
oblador · Jan 21, 2024 · f502aae · f502aae
1 parent f4c0c37
commit f502aae
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/cli/getAssets.js b/src/cli/getAssets.js
@@ -2,6 +2,16 @@ const Server = require('metro/src/Server');
 const { loadConfig } = require('metro-config');
 const output = require('metro/src/shared/output/bundle');
 
+const getBabelTransformerPath = () => {
+  try {
+    // for RN 73+
+    return require.resolve('@react-native/metro-babel-transformer');
+  } catch (e) {
+    // to ensure backwards compatibility with old RN versions (RN < 73)
+    return require.resolve('metro-react-native-babel-transformer');
+  }
+}
+
 async function getAssets(options) {
   const args = {
     entryFile: options.entryFile,
@@ -22,9 +32,7 @@ async function getAssets(options) {
       },
       transformer: {
         allowOptionalDependencies: true,
-        babelTransformerPath: require.resolve(
-          'metro-react-native-babel-transformer'
-        ),
+        babelTransformerPath: getBabelTransformerPath(),
         assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
       },
     }