Fixed key typing.

components/calender/Day.tsx

@@ -1,5 +1,5 @@
 import { Box, Text } from "@chakra-ui/react";
-import { add, getYear, getMonth, sub, getDate } from "date-fns";
+import { add, getYear, getMonth, sub, getDate,format } from "date-fns";
 import router from "next/router";
 import React, { Fragment } from "react";
 import AddSticker from "./modals/AddSticker";
@@ -19,7 +19,7 @@ const Day = (
           border={isOverflow ? "2px solid #181d8f" : "2px solid #0068ff"}
           w="100%"
           h="100%"
-          key={date}
+          key={format(date, "P")}
           {...(isOverflow && {
             _hover: {
               cursor: "pointer"

data/stickerSeeder.ts

@@ -1,4 +1,4 @@
-import { getDaysInMonth, getYear, getMonth, isBefore, setDate } from "date-fns";
+import { getDaysInMonth, isBefore, setDate } from "date-fns";
 
 /**
  * This seeder is to simulate the date and sticker info from the database.