From 8958cf3236ba3f038cbb37a5d2cb4635693af5cc Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Fri, 15 Mar 2024 09:55:03 -0500
Subject: [PATCH] fix string

---
 web/src/components/filter/CameraGroupSelector.tsx | 5 ++++-
 web/src/hooks/use-overlay-state.tsx               | 2 +-
 web/src/pages/Live.tsx                            | 5 ++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/components/filter/CameraGroupSelector.tsx b/web/src/components/filter/CameraGroupSelector.tsx
index afe86f975..170a2c748 100644
--- a/web/src/components/filter/CameraGroupSelector.tsx
+++ b/web/src/components/filter/CameraGroupSelector.tsx
@@ -52,7 +52,10 @@ export function CameraGroupSelector({ className }: CameraGroupSelectorProps) {
 
   // groups
 
-  const [group, setGroup] = usePersistedOverlayState("cameraGroup", "default");
+  const [group, setGroup] = usePersistedOverlayState(
+    "cameraGroup",
+    "default" as string,
+  );
 
   const groups = useMemo(() => {
     if (!config) {
diff --git a/web/src/hooks/use-overlay-state.tsx b/web/src/hooks/use-overlay-state.tsx
index 7ae5bdc18..12f87be57 100644
--- a/web/src/hooks/use-overlay-state.tsx
+++ b/web/src/hooks/use-overlay-state.tsx
@@ -42,7 +42,7 @@ export function usePersistedOverlayState<S extends string>(
   const currentLocationState = location.state;
 
   const setOverlayStateValue = useCallback(
-    (value: S | undefined, replace?: boolean) => {
+    (value: S | undefined, replace: boolean = false) => {
       setPersistedValue(value);
       const newLocationState = { ...currentLocationState };
       newLocationState[key] = value;
diff --git a/web/src/pages/Live.tsx b/web/src/pages/Live.tsx
index cfca8e5c9..ba64e5680 100644
--- a/web/src/pages/Live.tsx
+++ b/web/src/pages/Live.tsx
@@ -11,7 +11,10 @@ function Live() {
   const { data: config } = useSWR<FrigateConfig>("config");
 
   const [selectedCameraName, setSelectedCameraName] = useOverlayState("camera");
-  const [cameraGroup] = usePersistedOverlayState("cameraGroup", "default");
+  const [cameraGroup] = usePersistedOverlayState(
+    "cameraGroup",
+    "default" as string,
+  );
 
   const includesBirdseye = useMemo(() => {
     if (config && cameraGroup && cameraGroup != "default") {