save state between react and listener code

questdb · Oct 23, 2024 · ac7f5a3 · ac7f5a3
1 parent 9a326ec
commit ac7f5a3
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/web-console/src/scenes/Schema/index.tsx b/packages/web-console/src/scenes/Schema/index.tsx
@@ -159,6 +159,7 @@ const Schema = ({
   const [selectOpen, setSelectOpen] = useState(false)
   const [selectedTables, setSelectedTables] = useState<string[]>([])
   const [focusListenerActive, setFocusListenerActive] = useState(false)
+  const listenerActiveRef = useRef(false)
 
   const handleChange = (name: string) => {
     setOpened(name === opened ? undefined : name)
@@ -287,8 +288,10 @@ const Schema = ({
   }, [])
 
   const focusListener = () => {
-    void fetchTables()
-    void fetchColumns()
+    if (listenerActiveRef.current) {
+      void fetchTables()
+      void fetchColumns()
+    }
   }
 
   useEffect(() => {
@@ -300,11 +303,13 @@ const Schema = ({
 
       window.addEventListener("focus", focusListener)
       setFocusListenerActive(true)
+      listenerActiveRef.current = true
     } else if (focusListenerActive) {
       eventBus.unsubscribe(EventType.MSG_QUERY_SCHEMA)
 
       window.removeEventListener("focus", focusListener)
       setFocusListenerActive(false)
+      listenerActiveRef.current = false
     }
   }, [autoRefreshTables])