diff --git a/ui/litellm-dashboard/src/components/add_model/AutoRouterAvailability.tsx b/ui/litellm-dashboard/src/components/add_model/AutoRouterAvailability.tsx index 10284f80258..2b21bc98e36 100644 --- a/ui/litellm-dashboard/src/components/add_model/AutoRouterAvailability.tsx +++ b/ui/litellm-dashboard/src/components/add_model/AutoRouterAvailability.tsx @@ -21,12 +21,14 @@ export const AutoRouterAvailabilityContext = createContext({ export const useAutoRouterAvailability = (accessToken: string, body: Request, enabled = true) => { const serialized = JSON.stringify(body.complexity_router_config ?? null); - const [debounced, setDebounced] = useState(serialized); + const [debouncedState, setDebounced] = useState(serialized); const debounceMs = useContext(AutoRouterAvailabilityDebounceContext); useEffect(() => { + if (debounceMs === 0) return; const timeout = setTimeout(() => setDebounced(serialized), debounceMs); return () => clearTimeout(timeout); }, [serialized, debounceMs]); + const debounced = debounceMs === 0 ? serialized : debouncedState; const options: UseQueryOptions = { queryKey: ["autoRouterAvailability", accessToken, body.team_id, body.saved_model_id, debounced], queryFn: ({ signal }) =>