import toast

.storybook/main.js

@@ -8,6 +8,18 @@ module.exports = {
     '@storybook/addon-mdx-gfm'
   ],
 
+  webpackFinal: async (config, { configType }) => {
+    // Resolve error when webpack-ing storybook:
+    // Can't import the named export 'Children' from non EcmaScript module (only
+    // default export is available)
+    config.module.rules.push({
+      test: /\.mjs$/,
+      include: /node_modules/,
+      type: 'javascript/auto',
+    });
+
+    return config;
+  },
   framework: {
     name: '@storybook/react-webpack5',
     options: {}

package.json

@@ -146,6 +146,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^0.1.10",
+    "framer-motion": "^4.1.17",
     "@storybook/preview-api": "^7.5.1"
+
   }
 }