Client Utilities

import {invoke} from "blitz"
import getProducts from "app/products/queries/getProducts"

const Page = function ({products}) {
  return (
    <div>
      <button
        onClick={async () => {
          const products = await invoke(getProducts, {where: {orgId: 1}})
        }}
      >
        Get Products
      </button>
    </div>
  )
}
export default Page

const results = await invoke(resolver, resolverInputArguments)

import {invalidateQuery} from "blitz" // highlight-line
import getProducts from "app/products/queries/getProducts"

const Page = function ({products}) {
  return (
    <div>
      <button
        onClick={() => {
          invalidateQuery(getProducts) // highlight-line
        }}
      >
        Invalidate
      </button>
    </div>
  )
}
export default Page

const refetchedQueries = await invalidateQuery(resolver, inputArgs?)

import {getQueryKey} from "blitz"
import getProducts from "app/products/queries/getProducts"

const Page = function ({products}) {
  return (
    <div>
      <button
        onClick={async () => {
          const queryKey = getQueryKey(getProducts)
          queryCache.invalidateQueries(queryKey)

          const queryKey = getQueryKey(getProducts, {where: {ordId: 1}})
          queryCache.invalidateQueries(queryKey)
        }}
      >
        Invalidate
      </button>
    </div>
  )
}
export default Page

const queryKey = getQueryKey(resolver, inputArgs?)

import {setQueryData} from "blitz"

export default function (props: {query: {id: number}}) {
  const [product] = useQuery(getProduct, {where: {id: props.query.id}})
  const [updateProjectMutation] = useMutation(updateProject)

  return (
    <Formik
      initialValues={product}
      onSubmit={async (values) => {
        try {
          const product = await updateProjectMutation(values)
          setQueryData(getProduct, {where: {id: props.query.id}}, product)
        } catch (error) {
          alert("Error saving product")
        }
      }}
    >
      {/* ... */}
    </Formik>
  )
}

const promise = setQueryData(resolver, inputArgs, newData, opts?)