website/hooks/useFetchState.ts

import { useState } from 'react'

export const fetchState = ['idle', 'loading', 'error', 'success'] as const

export type FetchState = typeof fetchState[number]

export const useFetchState = (
  initialFetchState: FetchState = 'idle'
): [
  fetchState: FetchState,
  setFetchState: React.Dispatch<React.SetStateAction<FetchState>>
] => {
  const [fetchState, setFetchState] = useState<FetchState>(initialFetchState)
  return [fetchState, setFetchState]
}