diff --git a/web/src/hooks/use-allowed-cameras.ts b/web/src/hooks/use-allowed-cameras.ts
index bd4b25c49..9eae59fc2 100644
--- a/web/src/hooks/use-allowed-cameras.ts
+++ b/web/src/hooks/use-allowed-cameras.ts
@@ -1,7 +1,22 @@
 import { useContext } from "react";
 import { AuthContext } from "@/context/auth-context";
+import useSWR from "swr";
+import { FrigateConfig } from "@/types/frigateConfig";
 
 export function useAllowedCameras() {
   const { auth } = useContext(AuthContext);
-  return auth.allowedCameras;
+  const { data: config } = useSWR<FrigateConfig>("config", {
+    revalidateOnFocus: false,
+  });
+
+  if (
+    auth.user?.role === "viewer" ||
+    auth.user?.role === "admin" ||
+    !auth.isAuthenticated // anonymous port 5000
+  ) {
+    // return all cameras
+    return config?.cameras ? Object.keys(config.cameras) : [];
+  }
+
+  return auth.allowedCameras || [];
 }