From 7ee1af233aabfd2e71b6f3b211252560ee5d1c44 Mon Sep 17 00:00:00 2001
From: Tanner Linsley <tannerlinsley@gmail.com>
Date: Mon, 15 Jun 2026 12:04:47 -0600
Subject: [PATCH] Stabilize login modal context during dev HMR

---
 src/contexts/LoginModalContext.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/contexts/LoginModalContext.tsx b/src/contexts/LoginModalContext.tsx
index 694d124e2..d4a3434f3 100644
--- a/src/contexts/LoginModalContext.tsx
+++ b/src/contexts/LoginModalContext.tsx
@@ -10,9 +10,17 @@ interface LoginModalContextValue {
   closeLoginModal: () => void
 }
 
-const LoginModalContext = React.createContext<LoginModalContextValue | null>(
-  null,
-)
+declare global {
+  var __tanstackLoginModalContext:
+    | React.Context<LoginModalContextValue | null>
+    | undefined
+}
+
+const LoginModalContext =
+  import.meta.env.DEV && typeof window !== 'undefined'
+    ? (globalThis.__tanstackLoginModalContext ??=
+        React.createContext<LoginModalContextValue | null>(null))
+    : React.createContext<LoginModalContextValue | null>(null)
 
 export function useLoginModal() {
   const context = React.useContext(LoginModalContext)