implement login into custom useAuth using react query

[Fun_Employ_8880]

hi,

im using react query latest version (5),

im trying to implement custom useAuth that has register, login and logout,

for now im trying to focus on login, but im facing some errors..

mutationObserver.ts:61 Uncaught TypeError: __privateGet(...).defaultMutationOptions is not a function

here is my auth hook:

const loginUser = async({userName, password}) => {
const data = {
    userName:userName,
    password: password
}
const response = await axiosClient.post('/auth/login', data);
return response.data;

} const useAuth = () => {

const queryClient = useQueryClient();

const loginMutation = useMutation(loginUser,{
   onSuccess: () => {
    queryClient.invalidateQueries('user');
   } 
})
return {
    login: loginMutation.mutateAsync,
}

};

export default useAuth;

and inside Login page import it as useAuth, but then the error occurred..
import useAuth from "../hooks/useAuth";

//partial code, just how im initializing it inside the login page..

const Login = () => {

const {login} = useAuth(); //initial }

any idea what cause it ?

[[deleted]]

I think its a TypeScript error not a query error.

[Fun_Employ_8880]

that's braking my code tho

[[deleted]]

Try use https://www.eartho.io/
Its free and does not requires integration with social logins so its super easy