From da3395750c9d124535d3e0e9b62d2c80eca29083 Mon Sep 17 00:00:00 2001
From: Charlie Lamb <charlielamb20@icloud.com>
Date: Mon, 27 Apr 2026 19:55:41 +0100
Subject: [PATCH 1/2] chore: fix checkout ref issue

---
 apps/checkout/vite.config.ts | 22 +++++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/apps/checkout/vite.config.ts b/apps/checkout/vite.config.ts
index 596a84be7..533d129cf 100644
--- a/apps/checkout/vite.config.ts
+++ b/apps/checkout/vite.config.ts
@@ -7,9 +7,25 @@ import tsconfigPaths from "vite-tsconfig-paths";
 export default defineConfig({
 	plugins: [react(), tsconfigPaths(), tailwindcss()],
 	resolve: {
-		alias: {
-			"@": path.resolve(__dirname, "./src"),
-		},
+		dedupe: ["react", "react-dom"],
+		alias: [
+			{ find: "@", replacement: path.resolve(__dirname, "./src") },
+			{
+				find: /^react$/,
+				replacement: path.resolve(__dirname, "./node_modules/react"),
+			},
+			{
+				find: /^react-dom$/,
+				replacement: path.resolve(__dirname, "./node_modules/react-dom"),
+			},
+			{
+				find: /^react\/jsx-runtime$/,
+				replacement: path.resolve(
+					__dirname,
+					"./node_modules/react/jsx-runtime.js",
+				),
+			},
+		],
 	},
 	optimizeDeps: {
 		exclude: ["@autumn/shared", "zod/v4"],

From ee95d27044831672e0b9ad0ed971b021e07a1446 Mon Sep 17 00:00:00 2001
From: Charlie Lamb <charlielamb20@icloud.com>
Date: Mon, 27 Apr 2026 20:00:50 +0100
Subject: [PATCH 2/2] chore: pr review comments

---
 apps/checkout/vite.config.ts | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/checkout/vite.config.ts b/apps/checkout/vite.config.ts
index 533d129cf..fbba21760 100644
--- a/apps/checkout/vite.config.ts
+++ b/apps/checkout/vite.config.ts
@@ -1,9 +1,12 @@
+import { createRequire } from "node:module";
 import path from "node:path";
 import tailwindcss from "@tailwindcss/vite";
 import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import tsconfigPaths from "vite-tsconfig-paths";
 
+const require = createRequire(import.meta.url);
+
 export default defineConfig({
 	plugins: [react(), tsconfigPaths(), tailwindcss()],
 	resolve: {
@@ -12,18 +15,23 @@ export default defineConfig({
 			{ find: "@", replacement: path.resolve(__dirname, "./src") },
 			{
 				find: /^react$/,
-				replacement: path.resolve(__dirname, "./node_modules/react"),
+				replacement: require.resolve("react"),
 			},
 			{
 				find: /^react-dom$/,
-				replacement: path.resolve(__dirname, "./node_modules/react-dom"),
+				replacement: require.resolve("react-dom"),
+			},
+			{
+				find: /^react-dom\/client$/,
+				replacement: require.resolve("react-dom/client"),
 			},
 			{
 				find: /^react\/jsx-runtime$/,
-				replacement: path.resolve(
-					__dirname,
-					"./node_modules/react/jsx-runtime.js",
-				),
+				replacement: require.resolve("react/jsx-runtime"),
+			},
+			{
+				find: /^react\/jsx-dev-runtime$/,
+				replacement: require.resolve("react/jsx-dev-runtime"),
 			},
 		],
 	},