Turns out you can just use Preact...

next.config.mjs

@@ -24,6 +24,17 @@ const config = {
   images: {
     domains: ["avatars.githubusercontent.com", "lh3.googleusercontent.com"],
   },
+  webpack: (config, { dev, isServer }) => {
+    if (!dev && !isServer) {
+      Object.assign(config.resolve.alias, {
+        "react/jsx-runtime.js": "preact/compat/jsx-runtime",
+        react: "preact/compat",
+        "react-dom/test-utils": "preact/test-utils",
+        "react-dom": "preact/compat",
+      });
+    }
+    return config;
+  },
 };
 const nextConfig = withPWA({
   dest: "public",

package.json

@@ -29,6 +29,7 @@
     "next": "^13.4.4",
     "next-auth": "^4.22.1",
     "postcss": "^8.4.24",
+    "preact": "^10.15.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.9.0",

pnpm-lock.yaml

@@ -53,6 +53,9 @@ dependencies:
   postcss:
     specifier: ^8.4.24
     version: 8.4.24
+  preact:
+    specifier: ^10.15.1
+    version: 10.15.1
   react:
     specifier: 18.2.0
     version: 18.2.0