How to pass parameters to useQuery properly?
I have this query implementation:
And I'm trying to use it like this:
But I'm getting an error like this:
How do I need to pass selectedClientId correctly?
const getAllGoalsByClientSchema = z.object({
selectedClientId: z.string().uuid(),
})
type GetAllGoalsByClientInput = z.infer<typeof getAllGoalsByClientSchema>
export const getAllGoalsByClient: GetAllGoalsByClient<GetAllGoalsByClientInput, Goal[]> = async (rawArgs, context) => {
if (!context.user) {
throw new HttpError(401, 'Only authenticated users are allowed to perform this operation')
}
const { selectedClientId } = ensureArgsSchemaOrThrowHttpError(getAllGoalsByClientSchema, rawArgs)
return context.entities.Goal.findMany({
where: { clientId: selectedClientId },
})
}const getAllGoalsByClientSchema = z.object({
selectedClientId: z.string().uuid(),
})
type GetAllGoalsByClientInput = z.infer<typeof getAllGoalsByClientSchema>
export const getAllGoalsByClient: GetAllGoalsByClient<GetAllGoalsByClientInput, Goal[]> = async (rawArgs, context) => {
if (!context.user) {
throw new HttpError(401, 'Only authenticated users are allowed to perform this operation')
}
const { selectedClientId } = ensureArgsSchemaOrThrowHttpError(getAllGoalsByClientSchema, rawArgs)
return context.entities.Goal.findMany({
where: { clientId: selectedClientId },
})
}And I'm trying to use it like this:
const { data: goals } = useQuery(getAllGoalsByClient, { selectedClientId }) const { data: goals } = useQuery(getAllGoalsByClient, { selectedClientId })But I'm getting an error like this:
Argument of type '(args: { selectedClientId: string; }, context: { user: AuthUser; }) => Promise<{ id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>' is not assignable to parameter of type 'Query<{ selectedClientId: string; }, { id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>'.
Type '(args: { selectedClientId: string; }, context: { user: AuthUser; }) => Promise<{ id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>' is not assignable to type '(args: { selectedClientId: string; }) => Promise<{ id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>'.
Target signature provides too few arguments. Expected 2 or more, but got 1. [2345]Argument of type '(args: { selectedClientId: string; }, context: { user: AuthUser; }) => Promise<{ id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>' is not assignable to parameter of type 'Query<{ selectedClientId: string; }, { id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>'.
Type '(args: { selectedClientId: string; }, context: { user: AuthUser; }) => Promise<{ id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>' is not assignable to type '(args: { selectedClientId: string; }) => Promise<{ id: string; title: string; description: string | null; createdAt: Date; updatedAt: Date; clientId: string; }[]>'.
Target signature provides too few arguments. Expected 2 or more, but got 1. [2345]How do I need to pass selectedClientId correctly?
