Theo's Typesafe Cult•2y ago

trpc useQuery fetch on demand

const [query, setQuery] = useState<string>('')
  const [suggestions, setSuggestions] = useState<Shop[] | null>()

  const { error, data, refetch } = trpc.shops.getByName.useQuery(query)

  useEffect(() => {
    const getData = setTimeout(() => {
      refetch()
      setSuggestions(data)
    }, 500)
    return () => clearTimeout(getData)
  }, [query])

const [query, setQuery] = useState<string>('')
  const [suggestions, setSuggestions] = useState<Shop[] | null>()

  const { error, data, refetch } = trpc.shops.getByName.useQuery(query)

  useEffect(() => {
    const getData = setTimeout(() => {
      refetch()
      setSuggestions(data)
    }, 500)
    return () => clearTimeout(getData)
  }, [query])

javascript so in this code the useQuery is firing everytime query changes, i dont want that, i just want to fetch the data in the getdata function. Is there a way to do it?

2 Replies

cje•2y ago

trpc.shops.getByName.useQuery(query, { enabled: false })

batataOP•2y ago

oh okay, i was trying {manual: true}, thank you!!

Gaming

Programming

trpc useQuery fetch on demand