cookie get deleted after page refresh

Issue – cookie is getting deleted when page is refresh but cookie was successfully set from backend (Express).

Requesting API call using Axios in React.

Below is my express code :

CORS configurations :

app.use(cors({
    origin: 'http://localhost:5173',
    credentials: true
}));

Cookie set :

res.cookie("token", "mygeneratedtoken", { expires: new Date(Date.now() + 8 * 3600000) });
res.send(userInfo);

Front end code :

try {
      const response = await axios.post(
        `http://localhost:5173/login`,
        {
          emailId,
          password,
        },
        {
          withCredentials: true,
        }
      );
      dispatch(addUser(response.data));
      navigate("/");
    } catch (err) {
      console.log("Error : " + err.message);
    }

enter image description here

warning on same site

enter image description here

Please help me to resolve this problem.