arayaroma/ether/react-custom-hooks

export function useToggle(initialValue = false): [boolean, () => void] {
  const [value, setValue] = useState(initialValue);
  const toggle = useCallback(() => setValue((v) => !v), []);
  return [value, toggle];
}

export function useQuery<T>(key: string, fetcher: () => Promise<T>, options?: { onSuccess?: (d: T) => void; onError?: (e: Error) => void; enabled?: boolean }) {
  const [data, setData] = useState<T | null>(null);
  const [error, setError] = useState<Error | null>(null);
  const [loading, setLoading] = useState(false);
  const fetcherRef = useRef(fetcher);
  const optionsRef = useRef(options);
  useEffect(() => {
    fetcherRef.current = fetcher;
    optionsRef.current = options;
  });
  const refetch = useCallback(async () => {
    setLoading(true);
    setError(null);
    try {
      const result = await fetcherRef.current();
      setData(result);
      optionsRef.current?.onSuccess?.(result);
    } catch (err) {
      const e = err as Error;
      setError(e);
      optionsRef.current?.onError?.(e);
    } finally {
      setLoading(false);
    }
  }, []);
  const enabled = options?.enabled !== false;
  useEffect(() => {
    if (enabled) refetch();
  }, [key, enabled, refetch]);
  return { data, error, loading, refetch };
}

export function useDebounce<T>(value: T, delay: number): T {
  const [debounced, setDebounced] = useState(value);
  useEffect(() => {
    const handler = setTimeout(() => setDebounced(value), delay);
    return () => clearTimeout(handler);
  }, [value, delay]);
  return debounced;
}