From 2bd52512706e6ed51fb3eb92a1af6961a68ae3f8 Mon Sep 17 00:00:00 2001
From: nakaterm <104970808+nakaterm@users.noreply.github.com>
Date: Tue, 6 Jan 2026 11:49:14 +0900
Subject: [PATCH] =?UTF-8?q?tooltip=20=E3=81=8C=E8=A4=87=E6=95=B0=E3=83=9A?=
 =?UTF-8?q?=E3=83=BC=E3=82=B8=E3=81=AE=E5=A0=B4=E5=90=88=E3=82=82=E8=A1=A8?=
 =?UTF-8?q?=E7=A4=BA=E3=81=95=E3=82=8C=E3=82=8B=E3=82=88=E3=81=86=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Calendar.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/client/src/components/Calendar.tsx b/client/src/components/Calendar.tsx
index d23b004..721f245 100644
--- a/client/src/components/Calendar.tsx
+++ b/client/src/components/Calendar.tsx
@@ -119,6 +119,7 @@ export const Calendar = ({
 
   // FullCalendar の state
   const [events, setEvents] = useState<CalendarEvent[]>([]);
+  const [tooltipKey, setTooltipKey] = useState<number>(0);
 
   // editingSlots/viewingSlots → matrix → events
   useEffect(() => {
@@ -460,6 +461,13 @@ export const Calendar = ({
     }
   }, []);
 
+  /**
+   * カレンダーで表示される日付範囲が変更されると呼ばれる。 https://fullcalendar.io/docs/datesSet
+   */
+  const handleDatesSet = useCallback(() => {
+    setTooltipKey((prev) => prev + 1);
+  }, []);
+
   return (
     <div className="my-2 flex-1" id="ih-cal-wrapper">
       <FullCalendar
@@ -481,8 +489,10 @@ export const Calendar = ({
         select={handleSelect}
         eventDidMount={handleEventDidMount}
         eventContent={handleEventContent}
+        datesSet={handleDatesSet}
       />
       <Tooltip
+        key={tooltipKey}
         id="member-info"
         style={{
           backgroundColor: "#fff",