Fix: dedupe addons when merging storybook main config (#5592)

redwoodjs · May 20, 2022 · 091c7d3 · 091c7d3
1 parent 89f5555
commit 091c7d3
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/testing/config/storybook/main.js b/packages/testing/config/storybook/main.js
@@ -1,7 +1,7 @@
 const fs = require('fs')
 const path = require('path')
 
-const { merge } = require('webpack-merge')
+const { merge, mergeWithCustomize } = require('webpack-merge')
 
 const { getSharedPlugins } = require('@redwoodjs/core/config/webpack.common.js')
 const {
@@ -154,7 +154,14 @@ const mergeUserStorybookConfig = (baseConfig) => {
   }
 
   const userStorybookConfig = require(redwoodPaths.web.storybookConfig)
-  return merge(baseConfig, userStorybookConfig)
+
+  return mergeWithCustomize({
+    customizeArray(baseConfig, userStorybookConfig, key) {
+      if (key === 'addons') {
+        return [...new Set([...baseConfig, ...userStorybookConfig])]
+      }
+    },
+  })(baseConfig, userStorybookConfig)
 }
 
 /** @returns {import('webpack').Configuration} Webpack Configuration with storybook config */