fix: allow framer-motion v5 to be used with CRA

see framer/motion#1307
opengovsg · Dec 10, 2021 · 2cce899 · 2cce899
1 parent 22f652b
commit 2cce899
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/frontend/.storybook/main.js b/frontend/.storybook/main.js
@@ -26,6 +26,16 @@ module.exports = {
     // Required to sync aliases between storybook and overriden configs
     return {
       ...storybookConfig,
+      module: {
+        rules: [
+          ...storybookConfig.module.rules,
+          {
+            type: 'javascript/auto',
+            test: /\.mjs$/,
+            include: /node_modules/,
+          },
+        ],
+      },
       resolve: {
         ...storybookConfig.resolve,
         alias: {

diff --git a/frontend/craco.config.js b/frontend/craco.config.js
@@ -12,6 +12,19 @@ module.exports = {
       return newConfig
     },
   },
+  webpack: {
+    configure: {
+      module: {
+        rules: [
+          {
+            type: 'javascript/auto',
+            test: /\.mjs$/,
+            include: /node_modules/,
+          },
+        ],
+      },
+    },
+  },
   plugins: [
     {
       plugin: CracoAlias,