useQuery

1'use client'
2 
3import * as React from 'react'
4 
5export function useQuery<T>(fetcher: () => Promise<T>) {
6  const [error, setError] = React.useState<Error | null>(null)
7  const [data, setData] = React.useState<T | null>(null)
8  const [status, setStatus] = React.useState<
9    'idle' | 'loading' | 'success' | 'error'
10  >('idle')
11 
12  const fetch = React.useCallback(async () => {
13    setStatus('loading')
14    try {
15      const result = await fetcher()
16      setData(result)
17      setStatus('success')
18    }
19    catch (err) {
20      setError(err as Error)
21      setStatus('error')
22    }
23  }, [fetcher])
24 
25  const refetch = React.useCallback(() => {
26    fetch()
27  }, [fetch])
28 
29  return { data, error, status, refetch }
30}