NodeJs & React.Js & PassportJs GET http://localhost:5001/login?error=1 404 (Not Found)

I hope you are well.

I’m developing a web application by NodeJs and ReactJs. When I try to Login by formik with using axios, passportjs cannot redirect me to successLink even if my info are correct.
Gives me 404 not found.

When I don’t use formik and use regular html form passportjs works but this time I can’t use request.isAuthenticated() and I cannot manage users in react.

isAuthenticated() always gives me false in react “localhost:5001” but when I use nodejs “localhost:5000” it gives me true.

Thank you for your answers. Have a great day.

Node.js Backend

commonController.js

const login = async (req, res, next) => {
    
    // form request
    // let data = await req.body

    // axios request
    let data = await JSON.parse(Object.keys(req.body)[0])

    const _responsible = await Responsible.findOne({ email: data.email });
    console.log(_responsible)

    if (!_responsible) {
        passport.authenticate('local', {
            successRedirect: `${process.env.LOGIN_SUCCESS_URL}`,
            failureRedirect: `${process.env.LOGIN_FAIL_URL}1`,
        })(req, res, next)
    }
    else {
        if (_responsible && _responsible.isActive == true) {
            passport.authenticate('local', {
                successRedirect: `${process.env.LOGIN_SUCCESS_URL}`,
                failureRedirect: `${process.env.LOGIN_FAIL_URL}1`,
            })(req, res, next)
        }
        else if(_responsible && _responsible.isActive == false){
            passport.authenticate('local', {
                successRedirect: `${process.env.LOGIN_FAIL_URL}2`,
            })(req, res, next)
        }
    }
}

React

Login.js

{error && error == 1 ?
    <p style={{ color: "red" }}>{strings.loginError}</p> : null
}
{error && error == 2 ?
    <p style={{ color: "orange" }}>{strings.loginAuthorizationError}</p> : null
}

{/* FORMIK FORM */}

<Formik initialValues={{ email: "", password: "" }}
    validationSchema={loginValidationSchema}
    onSubmit={async (values) => {
        axios.post(`${process.env.REACT_APP_SERVER_URL}/login`, JSON.stringify(values))
            .then(response => console.log(response.data))
            .catch(err => console.log(err.message))
        values.email = "";
        values.password = "";
    }}
>
    {({ errors, touched }) => (
        <Form className='loginForm'>
            <Field className="loginFormField" name="email" type="email" placeholder={strings.formEmail} />
            {errors.email && touched.email ? (
                <div className='formErrorMessage'>{errors.email}</div>
            ) : null}
            <Field className="loginFormField" name="password" type="password" placeholder={strings.formPassword} />
            {errors.password && touched.password ? (
                <span className='formErrorMessage'>{errors.password}</span>
            ) : null}
            
            <button type="submit">{strings.submitForm}</button>
        </Form>
    )}
</Formik>

The error I got