chore(@rn/metro-config, version): update metro config file and use sa…

…me version as react-native

metro.config.js

@@ -1,35 +1,29 @@
-/* eslint-disable */
+// Version-wise, react-native and @react-native/metro-config must be the same.
+
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
 /**
- * Metro configuration for React Native
- * https://github.com/facebook/react-native
+ * Metro configuration
+ * https://reactnative.dev/docs/metro
  *
- * @format
+ * @type {import('metro-config').MetroConfig}
  */
 
-const { getDefaultConfig } = require('metro-config');
-
-module.exports = (async () => {
-    const {
-        resolver: {
-            sourceExts,
-            assetExts
-        }
-    } = await getDefaultConfig();
+const {
+    resolver: {
+        sourceExts,
+        assetExts
+    }
+} = getDefaultConfig();
 
-    return {
-        transformer: {
-            babelTransformerPath: require.resolve('react-native-svg-transformer'),
-            getTransformOptions: async () => ({
-                transform: {
-                    experimentalImportSupport: false,
-                    inlineRequires: true,
-                },
-            }),
-        },
-        resolver: {
-            assetExts: assetExts.filter(ext => ext !== 'svg'),
-            sourceExts: [...sourceExts, 'svg']
-        }
+const config = {
+    transformer: {
+        babelTransformerPath: require.resolve('react-native-svg-transformer')
+    },
+    resolver: {
+        assetExts: assetExts.filter(ext => ext !== 'svg'),
+        sourceExts: [ ...sourceExts, 'svg' ]
     }
-})();
+};
+
+module.exports = mergeConfig(getDefaultConfig(__dirname), config);