fix(build): get the thing to work maybe?

Author: duanwilliam

website/next.config.js

@@ -1,36 +1,38 @@
 
-const withTypedCssModules = (nextConfig = {}) => ({
-  ...nextConfig,
-  webpack (config) {
-    const cssLoaderRegex = /(?<!post)css-loader/;
-    const typingsForCssModulesLoader = {
-      loader: "@teamsupercell/typings-for-css-modules-loader",
-      options: {
-        disableLocalsExport: true,
-        verifyOnly: process.env.NODE_ENV === "production",
-        banner: `// AUTOGENERATED FILE -- DO NOT EDIT DIRECTLY\n`,
-      },
-    };
+const withTypedCssModules = (webpackConfig) => {
+  const cssLoaderRegex = /(?<!post)css-loader/;
+  const typingsForCssModulesLoader = {
+    loader: "@teamsupercell/typings-for-css-modules-loader",
+    options: {
+      disableLocalsExport: true,
+      verifyOnly: process.env.NODE_ENV === "production",
+      banner: `// AUTOGENERATED FILE -- DO NOT EDIT DIRECTLY\n`,
+    },
+  };
 
-    // looking for the webpack rules where `css-loader` is specified 
-    const { oneOf } = config.module.rules.find((rule) => Array.isArray(rule.oneOf));
-    const rules = oneOf.filter((rule) => Array.isArray(rule.use));
+  // looking for the webpack rules where `css-loader` is specified 
+  const { oneOf } = webpackConfig.module.rules.find((rule) => Array.isArray(rule.oneOf));
+  const rules = oneOf.filter((rule) => Array.isArray(rule.use));
 
-    rules.forEach((rule) => {
-      const cssLoaderIndex = rule.use.findIndex((loader) => cssLoaderRegex.test(loader.loader));
-      // no `css-loader` here -> skip
-      if (cssLoaderIndex === -1) { return; }
-      // webpack loaders are executed in reverse order
-      // we want to inject the typings loader after `css-loader`,
-      // but before other loaders `style-loader` or `mini-css-extract`
-      rule.use.splice(cssLoaderIndex, 0, { ...typingsForCssModulesLoader });
-    })
+  rules.forEach((rule) => {
+    const cssLoaderIndex = rule.use.findIndex((loader) => cssLoaderRegex.test(loader.loader));
+    // no `css-loader` here -> skip
+    if (cssLoaderIndex === -1) { return; }
+    // webpack loaders are executed in reverse order
+    // we want to inject the typings loader after `css-loader`,
+    // but before other loaders `style-loader` or `mini-css-extract`
+    rule.use.splice(cssLoaderIndex, 0, { ...typingsForCssModulesLoader });
+  })
 
-    return config;
-  }
-})
+  return webpackConfig
+}
+  
 
 /** @type {import('next').NextConfig} */
-module.exports = withTypedCssModules({
+module.exports = {
   reactStrictMode: true,
-})
+  webpack (config) {
+    config = withTypedCssModules(config)
+    return config
+  }
+}