How to watch for query variable?

[mpiorowski]

I have a simple custom hook query that return data with two parameters, dateFrom and dateTo:

let dateFrom;
let dateTo;
const data = useQuery(["data", dateFrom, dateTo], ,async () => { .......

and two inputs

<input type="date" bind:value={dateFrom} />
<input type="date" bind:value={dateTo} />

How to run the query when the variable change? Cos right now it doesnt trigger, i tried some magic with reactive statments, but cant make it work. Would be really glad for some help.

[mpiorowski]

I found it, just needed to type it:

let data: UseQueryStoreResult<
    Data[],
    Error,
    Data[],
    QueryKey
  >;
  $: data = useQuery(["data", dateFrom, dateTo], ,async () => { .......