Bug: Hydration Error on Dashboard Page (#68)

Codehagen · Jun 14, 2024 · 68f90a7 · 68f90a7
1 parent 4550f2d
commit 68f90a7
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/apps/www/src/components/dashboard/EventsDashboardComponents/EventsDashboardDetails.tsx b/apps/www/src/components/dashboard/EventsDashboardComponents/EventsDashboardDetails.tsx
@@ -1,5 +1,6 @@
 import { useRouter } from "next/navigation";
 import { deleteEvent } from "@/actions/delete-event";
+import { format } from "date-fns";
 import { File, Pencil, Trash } from "lucide-react";
 import { toast } from "sonner";
 
@@ -61,7 +62,8 @@ export default function EventsDashboardDetails({ event }) {
               </Button>
             </CardTitle>
             <CardDescription>
-              Date: {new Date(event?.createdAt).toLocaleDateString()}
+              Date:{" "}
+              {event?.createdAt ? format(event?.createdAt, "MM/dd/yyyy") : ""}
             </CardDescription>
           </div>
           <div className="ml-auto flex items-center gap-1">