useQueries should enforce types on the `queries` param

I just spent hours questioning my sanity on this error:

  const selectedThingsQueries = useQueries({
    queries: selectedThings.map((thingId) => {
      querykey: ['thing', thingId],
      queryFn: () => fetchThing({ thingId }),
    }),
  })

  const selectedThingsQueries = useQueries({
    queries: selectedThings.map((thingId) => {
      querykey: ['thing', thingId],
      queryFn: () => fetchThing({ thingId }),
    }),
  })

until I realized that I had a lowercase

querykey

querykey

instead of

queryKey

queryKey

.

I made a small reproduction of this here:
https://codesandbox.io/s/peaceful-aj-kvy7mm?file=/src/App.tsx

no typescript errors. on the answer you get the correct number of items, but all of them return copies of the last item resolved.

is it possible to type check this? how? I'd love to contribute here.

TanStack•3y ago•

1 reply

dangerous-fuchsia

useQueries should enforce types on the `queries` param

I just spent hours questioning my sanity on this error:

  const selectedThingsQueries = useQueries({
    queries: selectedThings.map((thingId) => {
      querykey: ['thing', thingId],
      queryFn: () => fetchThing({ thingId }),
    }),
  })

  const selectedThingsQueries = useQueries({
    queries: selectedThings.map((thingId) => {
      querykey: ['thing', thingId],
      queryFn: () => fetchThing({ thingId }),
    }),
  })

until I realized that I had a lowercase

querykey

querykey

instead of

queryKey

queryKey

useQueries should enforce types on the `queries` param

Similar Threads

useQueries should enforce types on the `queries` param

Similar Threads

Similar Threads

Similar Threads