Merge branch 'main' into zomars/cal-585-use-preact-on-production

next.config.js

@@ -53,6 +53,9 @@ if (process.env.ANALYZE === "true") {
 
 plugins.push(withTM);
 
+/**
+ * @type {import('next').NextConfig}
+ */
 // prettier-ignore
 module.exports = () => plugins.reduce((acc, next) => next(acc), {
   i18n,
@@ -63,13 +66,22 @@ module.exports = () => plugins.reduce((acc, next) => next(acc), {
   typescript: {
     ignoreBuildErrors: true,
   },
-  webpack: (config) => {
+  webpack: (config, { dev, isServer }) => {
     config.resolve.fallback = {
       ...config.resolve.fallback, // if you miss it, all the other options in fallback, specified
       // by next.js will be dropped. Doesn't make much sense, but how it is
       fs: false,
     };
 
+    // Replace React with Preact only in client production build
+    if (!dev && !isServer) {
+      Object.assign(config.resolve.alias, {
+        react: "preact/compat",
+        "react-dom/test-utils": "preact/test-utils",
+        "react-dom": "preact/compat",
+      });
+    }
+
     return config;
   },
   async redirects() {

package.json

@@ -77,6 +77,7 @@
     "next-transpile-modules": "^9.0.0",
     "nodemailer": "^6.7.1",
     "otplib": "^12.0.1",
+    "preact": "^10.6.4",
     "qrcode": "^1.5.0",
     "react": "^17.0.2",
     "react-date-picker": "^8.3.6",

yarn.lock

@@ -7877,6 +7877,11 @@ preact@^10.4.1:
   resolved "https://registry.yarnpkg.com/preact/-/preact-10.5.15.tgz#6df94d8afecf3f9e10a742fd8c362ddab464225f"
   integrity sha512-5chK29n6QcJc3m1lVrKQSQ+V7K1Gb8HeQY6FViQ5AxCAEGu3DaHffWNDkC9+miZgsLvbvU9rxbV1qinGHMHzqA==
 
+preact@^10.6.4:
+  version "10.6.4"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.6.4.tgz#ad12c409ff1b4316158486e0a7b8d43636f7ced8"
+  integrity sha512-WyosM7pxGcndU8hY0OQlLd54tOU+qmG45QXj2dAYrL11HoyU/EzOSTlpJsirbBr1QW7lICxSsVJJmcmUglovHQ==
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"