Attempting to force update the date in a useEffect.

components/calender/index.tsx

@@ -7,7 +7,7 @@ import CalenderNav from "./CalenderNav";
 import Day from "./Day";
 
 const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
-  const { selectedDate, layout, updateDate, currDate } = useContext(CalenderContext);
+  const { selectedDate, layout, updateDate, currDate, setCurrDate } = useContext(CalenderContext);
   const { stickersMonth } = useContext(StickersContext);
 
   useEffect(() => {
@@ -22,6 +22,14 @@ const Calender = (newDate?: UpdateCalendarProps): JSX.Element => {
     }
   }, [newDate, updateDate]);
 
+  useEffect(() => {
+    console.info("Check to update date.");
+    if (!isSameDay(currDate, new Date())) {
+      console.info("Updated date.")
+      setCurrDate(new Date());
+    }
+  }, [currDate, setCurrDate]);
+
   // Simulated user settings context
   const userSettings = {
     theme: "default",

contexts/CalenderContext.tsx

@@ -241,10 +241,11 @@ const CalenderContextProvider = ({
   };
 
     // * Attempting to fix an issue with static generation where the date does not appear to be updating after initial generation.
-    const [currDate] = useState<Date>(new Date);
+    const [currDate, setCurrDate] = useState<Date>(new Date);
 
   const calenderContextValues: CalenderContextState = {
     currDate,
+    setCurrDate,
     selectedDate,
     title: selectedDateInfo.title,
     layout: selectedDateInfo.layout,

types/CalenderContext.d.ts

@@ -56,6 +56,7 @@ interface UpdateCalendarProps {
 
 interface CalenderContextState {
   currDate: Date;
+  setCurrDate: React.Dispatch<React.SetStateAction<Date>>;
   selectedDate: Date;
   title: string;
   layout: MonthLayout;