3 replies

How do I query data with Tanstack Query if one of the query params can be undefined.

Hello,

I have an idid variable that can be undefined because I get him from useParamsuseParams, and I use the idid value to query data with Tanstack Query, but Tanstack Query requires to have a value that cannot be undefined which is very logical. So I had to do Number(id) || 1Number(id) || 1 and enabled: !!idenabled: !!id this way:

const { id } = useParams() // const id: string | undefined
const { data: counterSale } = trpcReact.counterSale.get.useQuery(Number(id) || 1, {
    enabled: !!id
})

const { id } = useParams() // const id: string | undefined
const { data: counterSale } = trpcReact.counterSale.get.useQuery(Number(id) || 1, {
    enabled: !!id
})

Is this a common practice? And is there any other way to do this?

Thanks.

Reactiflux•2y ago•

3 replies

DINO

How do I query data with Tanstack Query if one of the query params can be undefined.

const { id } = useParams() // const id: string | undefined
const { data: counterSale } = trpcReact.counterSale.get.useQuery(Number(id) || 1, {
    enabled: !!id
})

const { id } = useParams() // const id: string | undefined
const { data: counterSale } = trpcReact.counterSale.get.useQuery(Number(id) || 1, {
    enabled: !!id
})

Is this a common practice? And is there any other way to do this?

Thanks.

No replies yet

Join the Discord to continue the conversation

Reactiflux

The largest chat community for React professionals

178,664 Members

Join