From cfb5c7ae5d0ae77e2d5d7d503f019082761022a1 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 29 Jan 2025 11:41:32 -0800
Subject: [PATCH] Update hooks to use undefined for initial state

---
 Client/src/Pages/Uptime/Details/Hooks/useCertificateFetch.jsx | 2 +-
 Client/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx      | 4 ++--
 Client/src/Pages/Uptime/Details/Hooks/useMonitorFetch.jsx     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/Client/src/Pages/Uptime/Details/Hooks/useCertificateFetch.jsx b/Client/src/Pages/Uptime/Details/Hooks/useCertificateFetch.jsx
index 9e1c3b44f..ce0b4f7af 100644
--- a/Client/src/Pages/Uptime/Details/Hooks/useCertificateFetch.jsx
+++ b/Client/src/Pages/Uptime/Details/Hooks/useCertificateFetch.jsx
@@ -10,7 +10,7 @@ const useCertificateFetch = ({
 	certificateDateFormat,
 	uiTimezone,
 }) => {
-	const [certificateExpiry, setCertificateExpiry] = useState("N/A");
+	const [certificateExpiry, setCertificateExpiry] = useState(undefined);
 	const [certificateIsLoading, setCertificateIsLoading] = useState(false);
 
 	useEffect(() => {
diff --git a/Client/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx b/Client/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx
index 2a50c2172..541c29f6e 100644
--- a/Client/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx
+++ b/Client/src/Pages/Uptime/Details/Hooks/useChecksFetch.jsx
@@ -10,8 +10,8 @@ export const useChecksFetch = ({
 	page,
 	rowsPerPage,
 }) => {
-	const [checks, setChecks] = useState([]);
-	const [checksCount, setChecksCount] = useState(0);
+	const [checks, setChecks] = useState(undefined);
+	const [checksCount, setChecksCount] = useState(undefined);
 	const [checksAreLoading, setChecksAreLoading] = useState(false);
 
 	useEffect(() => {
diff --git a/Client/src/Pages/Uptime/Details/Hooks/useMonitorFetch.jsx b/Client/src/Pages/Uptime/Details/Hooks/useMonitorFetch.jsx
index 067545f51..ca4643fd4 100644
--- a/Client/src/Pages/Uptime/Details/Hooks/useMonitorFetch.jsx
+++ b/Client/src/Pages/Uptime/Details/Hooks/useMonitorFetch.jsx
@@ -5,7 +5,7 @@ import { useNavigate } from "react-router-dom";
 
 export const useMonitorFetch = ({ authToken, monitorId, dateRange }) => {
 	const [monitorIsLoading, setMonitorsIsLoading] = useState(false);
-	const [monitor, setMonitor] = useState({});
+	const [monitor, setMonitor] = useState(undefined);
 	const navigate = useNavigate();
 
 	useEffect(() => {