From e0f9e92bfcef4cf93f4bf111ab919710dfcb1511 Mon Sep 17 00:00:00 2001
From: Daniel D Orlando <dan@danorlando.com>
Date: Fri, 7 Apr 2023 05:20:14 -0700
Subject: [PATCH] fix bad setState warning in console

---
 client/src/App.jsx | 55 +++++++++++++++++++++++++++-------------------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/client/src/App.jsx b/client/src/App.jsx
index 5a0669716d..ad3d8b1d46 100644
--- a/client/src/App.jsx
+++ b/client/src/App.jsx
@@ -1,3 +1,4 @@
+import { useEffect } from 'react';
 import { createBrowserRouter, RouterProvider, Navigate } from 'react-router-dom';
 import Root from './routes/Root';
 import Chat from './routes/Chat';
@@ -44,32 +45,40 @@ const App = () => {
   const endpointsQuery = useGetEndpointsQuery();
   const presetsQuery = useGetPresetsQuery();
 
-  if(endpointsQuery.data) {
-    setEndpointsConfig(endpointsQuery.data);
-  } else if(endpointsQuery.isError) {
-    console.error("Failed to get endpoints", endpointsQuery.error);
-    window.location.href = '/auth/login';
-  }
+  useEffect(() => {
+    if(endpointsQuery.data) {
+      setEndpointsConfig(endpointsQuery.data);
+    } else if(endpointsQuery.isError) {
+      console.error("Failed to get endpoints", endpointsQuery.error);
+      window.location.href = '/auth/login';
+    }
+  }, [endpointsQuery.data, endpointsQuery.isError]);
 
-  if(presetsQuery.data) {
-    setPresets(presetsQuery.data);
-  } else if(presetsQuery.isError) {
-    console.error("Failed to get presets", presetsQuery.error);
-    window.location.href = '/auth/login';
-  }
+  useEffect(() => {
+    if(presetsQuery.data) {
+      setPresets(presetsQuery.data);
+    } else if(presetsQuery.isError) {
+      console.error("Failed to get presets", presetsQuery.error);
+      window.location.href = '/auth/login';
+    }
+  }, [presetsQuery.data, presetsQuery.isError]);
 
-  if (searchEnabledQuery.data) {
-    setIsSearchEnabled(searchEnabledQuery.data);
-  } else if(searchEnabledQuery.isError) {
-    console.error("Failed to get search enabled", searchEnabledQuery.error);
-  }
+  useEffect(() => {
+    if (searchEnabledQuery.data) {
+      setIsSearchEnabled(searchEnabledQuery.data);
+    } else if(searchEnabledQuery.isError) {
+      console.error("Failed to get search enabled", searchEnabledQuery.error);
+    }
+  }, [searchEnabledQuery.data, searchEnabledQuery.isError]);
 
-  if (userQuery.data) {
-    setUser(userQuery.data);
-  } else if(userQuery.isError) {
-    console.error("Failed to get user", userQuery.error);
-    window.location.href = '/auth/login';
-  }
+  useEffect(() => {
+    if (userQuery.data) {
+      setUser(userQuery.data);
+    } else if(userQuery.isError) {
+      console.error("Failed to get user", userQuery.error);
+      window.location.href = '/auth/login';
+    }
+  }, [userQuery.data, userQuery.isError]);
 
   if (user)
     return (