_

metro.config.js

@@ -1,17 +1,16 @@
-/**
- * Metro configuration for React Native
- * https://github.com/facebook/react-native
- *
- * @format
- */
+const { getDefaultConfig } = require("metro-config");
 
-module.exports = {
+module.exports = (async () => {
+  const {
+    resolver: { sourceExts, assetExts }
+  } = await getDefaultConfig();
+  return {
     transformer: {
-        getTransformOptions: async () => ({
-            transform: {
-                experimentalImportSupport: false,
-                inlineRequires: false,
-            },
-        }),
+      babelTransformerPath: require.resolve("react-native-svg-transformer")
     },
-};
+    resolver: {
+      assetExts: assetExts.filter(ext => ext !== "svg"),
+      sourceExts: [...sourceExts, "svg"]
+    }
+  };
+})();

mobile_files/package.json.orig

@@ -57,6 +57,7 @@
     "react-native-splash-screen": "3.1.1",
     "react-native-status-keycard": "git+https://github.com/status-im/react-native-status-keycard.git#v2.3.10",
     "react-native-svg": "^9.2.4",
+    "react-native-svg-transformer": "^0.12.1",
     "react-native-tcp": "git+https://github.com/status-im/react-native-tcp.git#v3.3.0-1-status",
     "react-native-udp": "git+https://github.com/status-im/react-native-udp.git#2.3.1-1",
     "react-native-webview": "^5.2.1",