Add Pattycake and update @types/react version.

apps/next/next.config.js

@@ -1,6 +1,7 @@
 const { withTamagui } = require('@tamagui/next-plugin')
 const { join } = require('path')
 const million = require('million/compiler')
+const pattycake = require('pattycake');
 const withPWA = require("@ducanh2912/next-pwa").default({
   dest: "public",
   disable: process.env.NODE_ENV === "development",
@@ -23,6 +24,8 @@ const disableBrowserLogs =
 const enableMillionJS =
   boolVals[process.env.ENABLE_MILLION_JS] ?? process.env.NODE_ENV === 'production'
 
+const enablePattyCake = boolVals[process.env.ENABLE_PATTY_CAKE] ?? process.env.NODE_ENV === 'production'
+
 // Enabling causes FOUC on page refreshes
 const optimizeCss = false
 
@@ -112,7 +115,12 @@ module.exports = function () {
   }
 
   if (enableMillionJS) {
-    return million.next(config, millionConfig);
+    config = million.next(config, millionConfig);
+  }
+
+  if (enablePattyCake) {
+    config = pattycake.next(config);
   }
+
   return config;
 }

apps/next/package.json

@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@tamagui/next-plugin": "1.75.9",
-    "@types/react": "^18.2.33",
+    "@types/react": "^18.2.34",
     "eslint-config-next": "^14.0.1",
     "vercel": "^32.5.0"
   }

package.json

@@ -43,6 +43,7 @@
     "check-dependency-version-consistency": "^4.1.0",
     "eslint": "^8.52.0",
     "npm-run-all": "^4.1.5",
+    "pattycake": "^0.0.2",
     "prettier": "^3.0.3",
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "^5.2.2",

packages/app/package.json

@@ -31,6 +31,6 @@
     "solito": "^4.1.3"
   },
   "devDependencies": {
-    "@types/react": "^18.2.33"
+    "@types/react": "^18.2.34"
   }
 }