diff --git a/src/frontend/src/hooks/UseInstance.tsx b/src/frontend/src/hooks/UseInstance.tsx index 75158a9d5a..da3777449e 100644 --- a/src/frontend/src/hooks/UseInstance.tsx +++ b/src/frontend/src/hooks/UseInstance.tsx @@ -56,16 +56,14 @@ export function useInstance({ const [instance, setInstance] = useState(defaultValue); + // A memoized key to track changes in the params and pathParams + const paramsKey = useMemo(() => { + return JSON.stringify(params) + JSON.stringify(pathParams); + }, [params, pathParams]); + const instanceQuery = useQuery({ enabled: !disabled, - queryKey: [ - 'instance', - endpoint, - pk, - JSON.stringify(params), - JSON.stringify(pathParams), - disabled - ], + queryKey: ['instance', endpoint, pk, paramsKey, disabled], retry: (failureCount, error: any) => { // If it's a 404, don't retry if (error.response?.status == 404) {