Update metro config to support loading .cjs files

Workaround for metro deficiency: facebook/metro#535 Caused by stylis shipping a .cjs file: thysultan/stylis#233 Fix from emotion-js/emotion#1986
voidrender · Sep 2, 2020 · 3d89558 · 3d89558
1 parent 9fde0ab
commit 3d89558
Showing 1 changed file with 19 additions and 16 deletions.
diff --git a/metro.config.js b/metro.config.js
@@ -1,17 +1,20 @@
-/**
- * Metro configuration for React Native
- * https://github.com/facebook/react-native
- *
- * @format
- */
+const { getDefaultConfig } = require('metro-config');
 
-module.exports = {
-    transformer: {
-        getTransformOptions: async () => ({
-            transform: {
-                experimentalImportSupport: false,
-                inlineRequires: false,
-            },
-        }),
-    },
-};
+module.exports = (async () => {
+    const {
+        resolver: { sourceExts },
+    } = await getDefaultConfig();
+    return {
+        resolver: {
+            sourceExts: [...sourceExts, 'cjs'],
+        },
+        transformer: {
+            getTransformOptions: async () => ({
+                transform: {
+                    experimentalImportSupport: false,
+                    inlineRequires: false,
+                },
+            }),
+        },
+    };
+})();