How to have dependency array in generated react hooks (typescript-urql)

[karthickthankyou]

I have the hook below that currently runs on every rerender. How can I make it run only when inputValue changes.

  const [{ data }] = useSearchCitiesQuery({
    variables: { search: inputValue },
  })

The generated code looks like below.

export function useSearchCitiesQuery(options: Omit<Urql.UseQueryArgs<SearchCitiesQueryVariables>, 'query'> = {}) {
  return Urql.useQuery<SearchCitiesQuery>({ query: SearchCitiesDocument, ...options });
};

Please ask if the above question has insufficient information to help.
Thank you.

[lamhungypl]

you can work around with memorized variables

const variables = useMemo(()=>({variables:{search:inputValue}}),[inputValue])

const [] = useSearchCititesQuery({variables: variables})