newbie help about rapini HOT 4 CLOSED

const { mutations } = initialize(axios)

// inside component
const myMutation = mutations.useMyMutation()
const onFormSubmit = () => {
  myMutation.mutate({ my dynamic data goes here })
}

async function loginUserClearCookies(credentials: ICredential) {

        console.error("WARNING - deleting existing session details if any...")
        const keys = ['tokenExpiredCount', 'token', 'user'];
        await AsyncStorage.multiRemove(keys);

        const hasInternet = checkConnectivity();
        if (!hasInternet) {
            setErrorMessage('No internet detected...');
            SnackbarHandler.errorToast("No internet...");
            return
        }
        setPreload(true);
        SnackbarHandler.normalToast("Authorising...");

/// HERE I CAN CALL MUTATE - but am I expecting this inside a try / catch ? and then handling error? 
        NocApi.post('/logon', credentials)
            .then(response => {
                if (response.data) {
                    setErrorMessage('');
                    const token = `wa=wsignin1.0&wresult=${encodeURIComponent(
                        response.data
                    )}`;
                    // console.log('token', token);
                    if (token) {
                        Promise.all([
                            setUser(credentials),
                            postTokenForCookie(token), // this will transition ui isAuthenticated -> true -> logged in > and kick off fetchAll once we get cookie
                            setToken(token),
                        ])
                            .then(async (res) => {
                                setPreload(false);
                            })
                            .catch(err => {
                                console.error('err', err);
                                Analytics.trackEvent(err.message);
                                SnackbarHandler.errorToast("🔥  LOGIN FAILED!!!");
                                setPreload(false);
                            });
                    }
                }
            })
            .catch(error => {
                setPreload(false);
                let err = error as AxiosError
                Analytics.trackEvent(err.message)
                if (err.message == "Network Error") {
                    console.error("We cancelled the request!!");
                    SnackbarHandler.errorToast(err.message);
                    return;
                }
                SnackbarHandler.errorToast('Email or Password not correct');
            });
    }

  const handleLogin = async () => {
    setLoading(true);
    setError('');

    try {
      var model:UserLoginModel = {}
      model.userName = username
      model.password = password
      //usePostAuth(model);

      let result = UsersApiFp().postAuth(model);
      console.log("result:",result);
      setLoading(false);
    } catch (e) {
      setLoading(false);
      setError('Invalid username or password');
    }
  };

function App() {
  const mutation = useMutation({
    mutationFn: (newTodo) => {
      return axios.post('/todos', newTodo)
    },
  })

  return (
    <div>
      {mutation.isLoading ? (
        'Adding todo...'
      ) : (
        <>
          {mutation.isError ? (
            <div>An error occurred: {mutation.error.message}</div>
          ) : null}

          {mutation.isSuccess ? <div>Todo added!</div> : null}

          <button
            onClick={() => {
              mutation.mutate({ id: new Date(), title: 'Do Laundry' })
            }}
          >
            Create Todo
          </button>
        </>
      )}
    </div>
  )
}