wtfisgoingon

api/queries.ts

@@ -11,5 +11,7 @@ export const usePublicApi = (serverUrl: string) => useQuery({
 
 export const useApi = () => useQuery({
     queryKey: [QueryKeys.Api],
-    queryFn: createApi
+    queryFn: () => {
+        return createApi()
+    }
 })

components/Login/helpers/server-address.tsx

@@ -19,7 +19,7 @@ const https = "https://"
 
 export default function ServerAddress(): React.JSX.Element {
 
-    const { setServer } = useApiClientContext();
+    const { setServer, refetchApi } = useApiClientContext();
     const { serverAddress, setServerAddress } = useAuthenticationContext();
 
     const [useHttps, setUseHttps] = useState(true)
@@ -46,6 +46,7 @@ export default function ServerAddress(): React.JSX.Element {
             }
 
             setServer(jellifyServer);
+            refetchApi();
             return await mutateServer(jellifyServer);
         },
         onError: async (error: Error) => {

components/Login/provider.tsx

@@ -43,7 +43,7 @@ const JellyfinAuthenticationContextInitializer = () => {
     }, [
         serverPending,
         credentialsPending
-    ])
+    ]);
 
     return {
         username,

components/jellyfin-api-provider.tsx

@@ -47,13 +47,6 @@ const JellyfinApiClientContextInitializer = () => {
       serverPending,
     ]);
 
-    useEffect(() => {
-      refetchApi();
-    }, [
-      jellyfinServer,
-      username
-    ]);
-
     return { 
       apiClient,
       setApiClient,