set initial state explicitly to for consistency

Client/src/Pages/Uptime/Monitors/Hooks/useMonitorsFetch.jsx

@@ -43,9 +43,9 @@ export const useMonitorFetch = ({
 	triggerUpdate,
 }) => {
 	const [monitorsAreLoading, setMonitorsAreLoading] = useState(false);
-	const [monitors, setMonitors] = useState([]);
-	const [filteredMonitors, setFilteredMonitors] = useState([]);
-	const [monitorsSummary, setMonitorsSummary] = useState({});
+	const [monitors, setMonitors] = useState(undefined);
+	const [filteredMonitors, setFilteredMonitors] = useState(undefined);
+	const [monitorsSummary, setMonitorsSummary] = useState(undefined);
 
 	const theme = useTheme();
 

Client/src/Pages/Uptime/Monitors/Hooks/useUtils.jsx

@@ -2,6 +2,7 @@ import { useTheme } from "@mui/material";
 
 const useUtils = () => {
 	const determineState = (monitor) => {
+		if (typeof monitor === "undefined") return "pending";
 		if (monitor.isActive === false) return "paused";
 		if (monitor?.status === undefined) return "pending";
 		return monitor?.status == true ? "up" : "down";