React Query typing explanation about bulletproof-react HOT 9 OPEN

Hi @diegods-ferreira Please where does MutationFnType come from?

that's a generic

from bulletproof-react.

I really would like that too. I'm now having a really hard time trying to adapt those type declarations to React Query V4 =/

from bulletproof-react.

Hi @diegods-ferreira Please where does MutationFnType come from?

that's a generic

That's right

from bulletproof-react.

Thanks @alvinvin00 @diegods-ferreira

from bulletproof-react.

For those struggling like me. Leaving here another variation of MutationConfig compatible with react-query 4+, typescript 5.1+ and no-args mutation functions support.

type Fn = (...args: any[]) => any;

type GetTVariables<T> = T extends (...args: infer R) => any ? (R extends [infer TVar, ...any] ? TVar : void) : never;

export type MutationConfig<MutationFnType extends Fn> = UseMutationOptions<
  ExtractFnReturnType<Awaited<ReturnType<MutationFnType>>>,
  AxiosError,
  GetTVariables<MutationFnType>
>;

from bulletproof-react.

+1
Also would be great if I could set onError(error: AxiosError) for QueryConfig. Only onError(error: any) works

from bulletproof-react.

For anyone who would like to know, I was able to adapt the MutationConfig type to work with React Query v4. It is like this now:

import { AxiosError } from 'axios';
import { QueryClient, UseQueryOptions, UseMutationOptions, DefaultOptions } from '@tanstack/react-query';
import { AsyncReturnType } from 'type-fest';

...

type Fn = (...args: any) => any;

export type MutationConfig<MutationFnType extends Fn> = UseMutationOptions<
  ExtractFnReturnType<AsyncReturnType<MutationFnType>>,
  AxiosError,
  Parameters<MutationFnType>[0]
>;

from bulletproof-react.

Hi @diegods-ferreira Please where does MutationFnType come from?

from bulletproof-react.

Hi @diegods-ferreira Please where does MutationFnType come from?

that's a generic

What do you mean by generic?

from bulletproof-react.