typescript react-query mutation error TS2554: Argument of type

Question

I'm new with typescript i use react-query try to us mutate but it cause an error

TS2554: Expected 1-2 arguments, but got 3.

iterface:

interface ChangePassword{
    email: string;
    password: string;
    confirmPassword: string
}

function:

 const changePasswordOnClick = useMutation<Record<string, string>, unknown, ChangePassword>(
        () => axios.post(
            url,
            { email, password, new_password}, // all fine
        ),
        {
            onSuccess: (req) => {
                console.log('Request', req)

            },

            onError: (newLogin) => {
                console.log('onError', newLogin);
            },
        },
    );

Problem (just piece of problem code):

onSubmit={async (data,
{setSubmitting, resetForm})=>{setSubmitting(true)                                 
                  changePasswordOnClick.mutate(
                     data.email, 
                    data.password, 
                    data.confirmPassword)} // TS2554: Expected 1-2 arguments, but got 3.

Why i'm getting this error? how to fix it?

Фарид Ахмедов · Accepted Answer · 2022-07-19 19:46:12Z

1

Because in mutate type we have

(variables: TVariables, options?: MutateOptions) => Promise<TData>

and you should change mutationFn:

const changePasswordOnClick = useMutation<Record<string, string>, unknown, ChangePassword>(
  (params: ChangePassword) => axios.post(url, params),
  {
    onSuccess: (req) => {
      console.log("Request", req)
    },

    onError: (newLogin) => {
      console.log("onError", newLogin)
    },
  }
)

and mutate calling also:

changePasswordOnClick.mutate({
   confirmPassword: data.confirmPassword,
   email: data.email,
   password: data.password,
})

To match to the type

answered Jul 19, 2022 at 19:46

Фарид Ахмедов

8925 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

typescript react-query mutation error TS2554: Argument of type

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related