useLazySWR hook for lazily querying

lazy-swr.ts

import React from 'react'
import useSWR, { type Fetcher, type Key, type SWRConfiguration, type SWRResponse } from 'swr'

type ArgumentsTuple = [any, ...unknown[]] | readonly [any, ...unknown[]]
type StrictTupleKey = ArgumentsTuple | null | undefined | false
type StrictKey = StrictTupleKey | (() => StrictTupleKey)

type SetKey<T> = React.Dispatch<React.SetStateAction<T>>

export function useLazySWR<
  D = any,
  E = any,
  K extends Key = StrictKey,
  O extends SWRConfiguration<D, E, Fetcher<D, K>> | undefined =
    | SWRConfiguration<D, E, Fetcher<D, K>>
    | undefined
>(
  fetcher: Fetcher<D, K> | null,
  config?: O
): [SetKey<K | false>, SWRResponse<D, E>] {
  const [key, setKey] = React.useState<false | K>(false)
  const result = useSWR<D, E, K>(key as K, fetcher, config)

  return [setKey, result]
}