fix: add hook dependencies and ensure fetchSuperSetBaseUrl is a stabl…

…e reference

src/api/superSetGateway.js

@@ -1,21 +1,28 @@
 import { useConfig } from '@dhis2/app-service-config'
+import { useCallback, useMemo } from 'react'
 
 export const useFetchSuperSetBaseUrl = () => {
     const { baseUrl } = useConfig()
-    const url = new URL(
-        'superset-gateway/api/info',
-        baseUrl === '..'
-            ? window.location.href.split('dhis-web-dashboard/')[0]
-            : `${baseUrl}/`
-    )?.href
+    const url = useMemo(
+        () =>
+            new URL(
+                'superset-gateway/api/info',
+                baseUrl === '..'
+                    ? window.location.href.split('dhis-web-dashboard/')[0]
+                    : `${baseUrl}/`
+            )?.href,
+        [baseUrl]
+    )
 
-    return async () => {
+    const fetchSuperSetBaseUrl = useCallback(async () => {
         const response = await fetch(url)
         if (!response.ok) {
             throw new Error(`Response status: ${response.status}`)
         }
 
         const data = await response.json()
         return data.supersetBaseUrl
-    }
+    }, [url])
+
+    return fetchSuperSetBaseUrl
 }

src/components/SystemSettingsProvider.js

@@ -40,7 +40,7 @@ const SystemSettingsProvider = ({ children }) => {
             setSettings(resolvedSystemSettings)
         }
         fetchData()
-    }, [])
+    }, [engine, fetchSuperSetBaseUrl])
 
     return (
         <SystemSettingsCtx.Provider