Install and configure react-native-svg-transformer

metro.config.js

@@ -5,16 +5,25 @@
  * @format
  */
 
-module.exports = {
-    resolver: {
-        sourceExts: ['jsx', 'js', 'ts', 'tsx', 'json'],
-    },
-    transformer: {
-        getTransformOptions: async () => ({
-            transform: {
-                experimentalImportSupport: false,
-                inlineRequires: false,
-            },
-        }),
-    },
-};
+const {getDefaultConfig} = require('metro-config');
+
+module.exports = (async () => {
+    const {
+        resolver: {assetExts},
+    } = await getDefaultConfig();
+    return {
+        resolver: {
+            assetExts: assetExts.filter(ext => ext !== 'svg'),
+            sourceExts: ['jsx', 'js', 'ts', 'tsx', 'json', 'svg'],
+        },
+        transformer: {
+            getTransformOptions: async () => ({
+                transform: {
+                    experimentalImportSupport: false,
+                    inlineRequires: false,
+                },
+            }),
+            babelTransformerPath: require.resolve('react-native-svg-transformer'),
+        },
+    };
+})();

package.json

@@ -112,6 +112,7 @@
     "jest-cli": "^26.5.2",
     "metro-react-native-babel-preset": "^0.61.0",
     "react-hot-loader": "^4.12.21",
+    "react-native-svg-transformer": "^0.14.3",
     "react-native-version": "^4.0.0",
     "react-test-renderer": "16.13.1",
     "webpack": "^4.44.1",