config refactor

next.config.js

@@ -1,30 +1,23 @@
-// eslint-disable-next-line no-unused-vars
+module.exports = (phase, { defaultConfig }) => {
-const withSvgr = (nextConfig = {}, nextComposePlugins = {}) => {
+  /**
-  return Object.assign({}, nextConfig, {
+   * @type {import('next').NextConfig}
-    webpack(config, options) {
+   */
+  const nextConfig = {
+    webpack: (config, options) => {
       config.module.rules.push({
         test: /\.svg$/,
-        use: [
+        use: [{ loader: '@svgr/webpack', options: { icon: true } }]
-          {
-            loader: '@svgr/webpack',
-            options: {
-              icon: true
-            }
-          }
-        ]
       })
+      return typeof defaultConfig.webpack === 'function'
+        ? defaultConfig.webpack(config, options)
+        : config
+    },
+    bundleAnalyzer: () =>
+      require('@next/bundle-analyzer')({
+        enabled: process.env.ANALYZE === 'true'
+      }),
+    reactStrictMode: true
+  }
 
-      if (typeof nextConfig.webpack === 'function') {
+  return nextConfig
-        return nextConfig.webpack(config, options)
-      }
-
-      return config
-    }
-  })
 }
-
-const withBundleAnalyzer = require('@next/bundle-analyzer')({
-  enabled: process.env.ANALYZE === 'true'
-})
-
-module.exports = withSvgr(withBundleAnalyzer())