backend not receiving cookie from React frontend

[Dsniels]

I was developing an api in express js with google OAuth 2.0 passport, the point is that when the client logs in with google the server gives a cookie to the client and the client, through a useEffect, sends the cookie to another endpoint to obtain the user's information and set it in the sessionUser through dispatch, I tested this functionality on the localhost and everything works very well, but when I deployed the api in azure and left the front on the localhost to continue working, I realized that the client receives the cookie but not the send to the api back Este es mi backend:

const express = require('express');
const users = require('./Routes/Api/User');
const passport = require('passport');
const app = express();
require('./Routes/Api/Auth/passport');
const mongoose = require('mongoose');
const producto = require('./Routes/Api/Productos');
const ordenes = require('./Routes/Api/Orden');
const carrito = require('./Routes/Api/Carrito');
const direccion = require('./Routes/Api/Direccion');
const cors = require('cors');
require('dotenv').config();
require('./config/redis');
const cookieParser = require("cookie-parser"); 
const cookieSession = require('cookie-session')



app.use(bodyParser.json())

app.use(
  bodyParser.urlencoded({
    extended: false
  })
)


app.use(cookieSession({
  name : 'DASA',
  keys : ['this app'],
  maxAge: 24 * 60 * 60 * 100,
  secure : true,
  sameSite: 'none', 

})); 

app.use(passport.initialize())
app.use(passport.session())


app.use(cors({
  origin: 'http://localhost:3000', 
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  credentials: true, 
  secure : true
}))

app.use(cookieParser());



app.use((err, req, res, next) => {
  if (err.name === 'UnauthorizedError') {
    res.status(401).send({
      message:
        'No se encontró un token de autorización. Por favor, inicia sesión.'
    })
  } else {
    next(err)
  }
})

// conexiones
mongoose
  .connect(process.env.MONGO_URL)
  .then(() => console.log('MongoDb conectado'))
  .catch((err) => console.log(err))



  const authCheck = (req, res, next) => {
  if (!req.user) {
    res.status(401).json({
      authenticated: false,
      message: "user has not been authenticated"
    });
  } else {
    next();
  }
};
// routas
app.use('/api/users', users)
app.use('/api/productos', producto)
app.use('/api/ordenes', ordenes)
app.use('/api/direccion', direccion)
app.use('/api/carrito', carrito)
app.get("/api/", authCheck, (req, res) => {
  res.status(200).json({
    authenticated: true,
    message: "user successfully authenticated",
    user: req.user,
    cookies: req.cookies
  });
});
app.use('/request-type', (req, res, next) => {
  console.log('request type:', req.method)
  next()
})
const port = process.env.PORT || 8080 

app.listen(port, () =>
  console.log('aplicacion esta corriendo en el puerto 3000')
)```   

this is the fetch function in React   

```useEffect(() => {
    const getuser = async () => {
      await fetch(${process.env.REACT_APP_URL_BASE}/api/users/login/done, {
        method: "GET",
        credentials: "include",
        headers: {
         'Accept': "application/json",
          "Content-Type": "application/json",
          "Access-Control-Allow-Credentials": true,
        },
      })
        .then((response) => {
          console.log(response)
          if (response.status === 200) return response.json();
          throw new Error("Application failed");
        })
        .then((res) => {
          console.log("🚀 ~ .then ~ res:", res)
          
          dispatch({
            type: "INICIAR_SESION",
            sesion: res.user,
            autenticado: true,
          });
                setServidorResponse(true)
          window.localStorage.setItem("token", res.user.token);
        }).catch(error=>{console.log(error)})
 
    };
    if(!servidorResponse){
      console.log(1);
          getuser(); 
          console.log(2)
    
    }

  }, [servidorResponse,dispatch]);``` 

 I would appreciate it if you could help me

[NikhilKalloli]

Did you check if your CORS settings is compatible with your Azure deployment. Try updating your CORS configuration:

app.use(cors({
  origin: 'http://localhost:3000',
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  credentials: true,
  secure: true,
  sameSite: 'none'
}))

Also, update your cookie settings:

app.use(cookieSession({
  name: 'DASA',
  keys: ['this app'],
  maxAge: 24 * 60 * 60 * 100,
  secure: true,
  sameSite: 'none',
  httpOnly: true
}));

Try this one and let me know if it works. Happy Coding:)