Function useLoadingState

apps/examples/calcom/hooks/use-loading-state.ts:9–25

(delayMs: number)

 * @returns Whether to show the loading state
 */
export function useLoadingState(delayMs: number) {
  const { enableArtificialDelay, isLoadingOverride } = useDebug();
  const [isLoading, setIsLoading] = useState(enableArtificialDelay);

  useEffect(() => {
    if (!enableArtificialDelay) {
      setIsLoading(false);
      return;
    }
    const timer = setTimeout(() => {
      setIsLoading(false);
    }, delayMs);
    return () => clearTimeout(timer);
  }, [enableArtificialDelay, delayMs]);

  return isLoadingOverride ?? isLoading;
}