fix(next-storybook): make rules an array in webpack config

packages/next-plugin-storybook/preset.js

@@ -25,7 +25,7 @@ async function webpackFinal(config) {
     ...nextWebpackConfig.resolve,
   }
 
-  config.module.rules = {
+  config.module.rules = [
     ...filterModuleRules(config),
     ...nextWebpackConfig.module.rules.map((rule) => {
       // we need to resolve next-babel-loader since it's not available
@@ -37,31 +37,29 @@ async function webpackFinal(config) {
       }
       return rule
     }),
-  }
+  ]
 
   return config
 }
 
 function filterModuleRules(config) {
-  return [
-    ...config.module.rules.filter((rule) => {
-      // the rules we're filtering use RegExp for the test
-      if (!(rule.test instanceof RegExp)) return true
-      // use Next.js' built-in CSS
-      if (rule.test.test('hello.css')) {
-        return false
-      }
-      // use next-babel-loader instead of storybook's babel-loader
-      if (
-        rule.test.test('hello.js') &&
-        Array.isArray(rule.use) &&
-        rule.use[0].loader === 'babel-loader'
-      ) {
-        return false
-      }
-      return true
-    }),
-  ]
+  return config.module.rules.filter((rule) => {
+    // the rules we're filtering use RegExp for the test
+    if (!(rule.test instanceof RegExp)) return true
+    // use Next.js' built-in CSS
+    if (rule.test.test('hello.css')) {
+      return false
+    }
+    // use next-babel-loader instead of storybook's babel-loader
+    if (
+      rule.test.test('hello.js') &&
+      Array.isArray(rule.use) &&
+      rule.use[0].loader === 'babel-loader'
+    ) {
+      return false
+    }
+    return true
+  })
 }
 
 module.exports = {