chore(deps): Upgrade to Astro 5 and React 19 (#170)

Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Eva Decker <[email protected]>
namesakefyi · Dec 12, 2024 · adc02db · adc02db
1 parent 968e79a
commit adc02db
Show file tree

Hide file tree

Showing 10 changed files with 1,452 additions and 1,439 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -3,7 +3,6 @@ import cloudflare from "@astrojs/cloudflare";
 import sitemap from "@astrojs/sitemap";
 import react from "@astrojs/react";
 import markdoc from "@astrojs/markdoc";
-import keystatic from "@keystatic/astro";
 import autoprefixer from "autoprefixer";
 import postcssUtopia from "postcss-utopia";
 import postcssMediaMinMax from "postcss-media-minmax";
@@ -13,19 +12,32 @@ import cssnano from "cssnano";
 
 // https://astro.build/config
 export default defineConfig({
-  output: "hybrid",
+  output: "static",
   adapter: cloudflare({
     imageService: "compile",
   }),
   site: "https://namesake.fyi",
-  integrations: [sitemap(), react(), markdoc(), keystatic()],
+  integrations: [
+    sitemap(),
+    react(),
+    markdoc(),
+    // keystatic() Re-enable when Keystatic supports Astro v5
+  ],
   prefetch: true,
   vite: {
     ssr: {
       external: ["buffer", "path", "fs", "os", "crypto", "async_hooks"].map(
         (i) => `node:${i}`,
       ),
     },
+    resolve: {
+      // Workaround until fixed: https://github.com/withastro/adapters/pull/436
+      // Use react-dom/server.edge instead of react-dom/server.browser for React 19.
+      // Without this, MessageChannel from node:worker_threads needs to be polyfilled.
+      alias: import.meta.env.PROD && {
+        "react-dom/server": "react-dom/server.edge",
+      },
+    },
     css: {
       postcss: {
         plugins: [

diff --git a/package.json b/package.json
@@ -20,22 +20,22 @@
   },
   "dependencies": {
     "@astrojs/check": "^0.9.4",
-    "@astrojs/cloudflare": "11.2.0",
-    "@astrojs/markdoc": "^0.12.1",
-    "@astrojs/react": "^3.6.3",
+    "@astrojs/cloudflare": "12.0.1",
+    "@astrojs/markdoc": "^0.12.3",
+    "@astrojs/react": "^4.1.0",
     "@astrojs/sitemap": "^3.2.1",
     "@axe-core/playwright": "^4.10.1",
     "@keystatic/astro": "^5.0.3",
     "@keystatic/core": "^0.5.42",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "astro": "^4.16.16",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
+    "astro": "^5.0.5",
     "astro-font": "^0.1.81",
     "dayjs": "^1.11.13",
     "fathom-client": "^3.7.2",
     "marked": "^15.0.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-icons": "^5.4.0",
     "rough-notation": "^0.5.1",
     "typescript": "^5.7.2"