'How can I pass a query param as an argument with React Query?
I am making use of useQuery from react-query and I need to dynamically pass the query parameter
But i am struggling to get the types to work correctly
query function
interface ProfileResponse {
photo: string
about: string
languages: number[] | null
userid: number
}
export const get_profile_q= (uid: number) =>
api.get(`/api/profile/${uid}`) as Promise<UseQueryResult<ProfileResponse>>
used inside component
const { refetch: getProfile } = useQuery([PK.get_profile, {uid: 1}], get_profile_q)
// ^^^ throwing typescript error
error
Type '(uid: number) => Promise<UseQueryResult<ProfileResponse, unknown>>'
has no properties in common with type 'Omit<UseQueryOptions<unknown, unknown, unknown,
(string | { uid: number; })[]>, "queryKey">'.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
