fix: build

Author: aayushchugh

app/page.tsx

@@ -5,15 +5,24 @@ import FlipClock from "../components/FlipClock";
 import { DatePicker } from "../components/DatePicker";
 
 export default function Home() {
-	const [targetDate, setTargetDate] = useState(
-		new Date(localStorage.getItem("targetDate") as string) ??
-			new Date("2025-01-01")
-	);
+	const [targetDate, setTargetDate] = useState(new Date("2025-01-01"));
+	const [isInitialized, setIsInitialized] = useState(false);
+
+	// Retrieve target date from localStorage after component mounts
+	useEffect(() => {
+		const storedDate = localStorage.getItem("targetDate");
+		if (storedDate) {
+			setTargetDate(new Date(storedDate));
+		}
+		setIsInitialized(true); // Indicate that initialization is complete
+	}, []);
 
-	// set target date to local storage
+	// Update localStorage whenever targetDate changes (after initialization)
 	useEffect(() => {
-		localStorage.setItem("targetDate", targetDate.toString());
-	}, [targetDate]);
+		if (isInitialized) {
+			localStorage.setItem("targetDate", targetDate.toString());
+		}
+	}, [targetDate, isInitialized]);
 
 	return (
 		<main className="flex flex-col items-center justify-center h-screen gap-20">

docker-compose.yml

@@ -1,7 +1,7 @@
 services:
   nextjs:
     image: node:18-alpine
-    container_name: timer.ayushchugh.com
+    container_name: fliptimer.ayushchugh.com
     working_dir: /app
     ports:
       - "3002:3000"