Rerendeing issues + erroneous logs.

client/src/components/schedule-day-view/schedule-day-view.container.jsx

@@ -6,12 +6,13 @@ import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
 import moment from "moment";
 import { useTranslation } from "react-i18next";
 export default function ScheduleDayViewContainer({ day }) {
+  console.log("day", day);
   const { loading, error, data } = useQuery(QUERY_APPOINTMENT_BY_DATE, {
     variables: {
       start: moment(day).startOf("day"),
       end: moment(day).endOf("day"),
     },
-    skip: !!!day,
+    skip: !moment(day).isValid(),
     fetchPolicy: "network-only",
   });
   const { t } = useTranslation();

client/src/components/schedule-job-modal/schedule-job-modal.container.jsx

@@ -10,7 +10,7 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
 import {
   CANCEL_APPOINTMENT_BY_ID,
   INSERT_APPOINTMENT,
-  QUERY_APPOINTMENTS_BY_JOBID,
+  QUERY_APPOINTMENTS_BY_JOBID
 } from "../../graphql/appointments.queries";
 import { QUERY_LBR_HRS_BY_PK, UPDATE_JOBS } from "../../graphql/jobs.queries";
 import { setEmailOptions } from "../../redux/email/email.actions";
@@ -159,7 +159,6 @@ export function ScheduleJobModalContainer({
       width={"90%"}
       maskClosable={false}
       destroyOnClose
-      forceRender
       okButtonProps={{
         loading: loading,
       }}