diff --git a/packages/testing/config/storybook/main.js b/packages/testing/config/storybook/main.js index 3d0fb0902387..ee8a5767bf20 100644 --- 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 */