From 353508a091dbb5268c6364b7f85631db074e9642 Mon Sep 17 00:00:00 2001
From: Alireza Hassani <alirezahassani@Meshkees-Mac-mini.local>
Date: Wed, 19 Aug 2026 19:48:45 +0330
Subject: [PATCH] Fix customer header outside-click handler for DOM event
 typing.

Use Event instead of React MouseEvent so document listeners typecheck in production builds.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 apps/customer/src/components/Header.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/customer/src/components/Header.tsx b/apps/customer/src/components/Header.tsx
index 5183543..6cd61a9 100644
--- a/apps/customer/src/components/Header.tsx
+++ b/apps/customer/src/components/Header.tsx
@@ -89,8 +89,13 @@ export function Header({
   useEffect(() => {
     if (!menuOpen) return
 
-    function handleClickOutside(e: MouseEvent) {
-      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {
+    function handleClickOutside(e: Event) {
+      const target = e.target
+      if (
+        target instanceof Node &&
+        menuRef.current &&
+        !menuRef.current.contains(target)
+      ) {
         setMenuOpen(false)
       }
     }