fix: css modules not working in production

Author: wellyshen

package.json

@@ -82,6 +82,7 @@
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "@babel/register": "^7.10.5",
+    "@dr.pogodin/css-modules-require-hook": "^4.4.0",
     "@hot-loader/react-dom": "^16.13.0",
     "@loadable/babel-plugin": "^5.13.0",
     "@loadable/component": "^5.13.1",
@@ -97,7 +98,6 @@
     "connected-react-router": "^6.8.0",
     "core-js": "^3.6.5",
     "cross-env": "^7.0.2",
-    "css-modules-require-hook": "^4.2.3",
     "eslint-plugin-react-hooks": "^4",
     "express": "^4.17.1",
     "helmet": "^4.1.0",

tools/webpack/hooks.js

@@ -9,7 +9,7 @@ const isDev = nodeEnv === "development";
 
 module.exports = () => {
   // CSS modules
-  require("css-modules-require-hook")({
+  require("@dr.pogodin/css-modules-require-hook")({
     // Must use the same pattern with your webpack config
     generateScopedName: isDev ? "[name]__[local]" : "[hash:base64:5]",
     extensions: [".css", ".scss", ".sass"],