useLazyQuery for Blitz.js

useLazyQuery.js

import { useState } from "react"
import { useQuery } from "blitz"

const useLazyQuery = (resolver, inputArg, options = {}) => {
  const [enabled, setEnabled] = useState(false)
  const [result, extras] = useQuery(resolver, inputArg, {
    ...options,
    enabled,
    suspense: false,
    onSettled: () => setEnabled(false),
  })

  const execute = () => setEnabled(true)
  return [result, { ...extras, execute }]
}

export default useLazyQuery

/**
Usage:

const [data, {execute}] = useLazyQuery(resolver, null)

<button onClick={execute}>Load data</button>