diff --git a/client/package.json b/client/package.json
index fab3062..348c461 100644
--- a/client/package.json
+++ b/client/package.json
@@ -4,6 +4,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "dev:compose-api": "VITE_API_URL=http://localhost:13000/api/v1 vite",
     "build": "tsc -b && vite build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
diff --git a/client/src/pages/scenario/ScenariosPage.tsx b/client/src/pages/scenario/ScenariosPage.tsx
index 1481767..f976d13 100644
--- a/client/src/pages/scenario/ScenariosPage.tsx
+++ b/client/src/pages/scenario/ScenariosPage.tsx
@@ -37,11 +37,14 @@ export function ScenariosPage() {
   const load = useCallback(() => {
     Promise.all([scenarios.list(), environments.list(1, 200)])
       .then(([scenarioRes, envRes]) => {
-        setItems(scenarioRes.data);
-        setEnvs(envRes.data);
+        setItems(scenarioRes?.data ?? []);
+        setEnvs(envRes?.data ?? []);
+      })
+      .catch((err) => {
+        toast.error((err as Error).message);
       })
       .finally(() => setLoading(false));
-  }, []);
+  }, [toast]);
 
   useEffect(() => {
     load();