Custom mutation hook

[chertik77]

Hi, i want to figure out how i can infer return type of mutation function.

I have a signin function , it returns type AuthResponse.

 async signin(data: SigninSchema) {
    const response = await axiosInstance.post<AuthResponse>(
      ApiEndpoints.Signin,
      data
    )

    return response.data
  },

i have a custom useAppMuattion hook

export const useAppMutation = <T = void, R = void>({
  mutationKey,
  mutationFn,
  toastErrorMessage,
  ...options
}: UseMutationOptions<R, AxiosError, T> & UseAppMutationProps) =>
  useMutation({
    mutationKey,
    mutationFn,
    onError() {
      toast.error(toastErrorMessage)
    },
    ...options
  })

and here is usage of this hook:

return useAppMutation<SigninSchema, AuthResponse>({
    mutationKey: ['signin'],
    mutationFn: data => authService.signin(data),
    onSuccess(data) {
      reset()
      dispatch(authenticate(data))
    },
    onError: e =>
      toast.error(
        e.response?.status === 401
          ? 'Sign-in failed. The email or password you entered is incorrect. Please try again.'
          : 'An error occurred during sign-in. Our technical team has been notified. Please try again shortly.'
      )
  })

but my axios function already returning type AuthResponse, and here in signin hook, i need to pass in again, i tried ReturnType it doesnt work, maybe someone have any ideas to work around it ?

[serdar-webdev]

try this:
const res = axios.post<{}, AxiosResponse, ReqBody>

res.data <--- will be ResBody

[chertik77]

try this: const res = axios.post<{}, AxiosResponse, ReqBody>

res.data <--- will be ResBody

U didnt get me, I dont want to pass the type to the custom hook, cause axios func already returning it

[serdar-webdev]

You're right, i didin't get you, can you tell more about your problem, maybe i can help you