enter image description hereI create a mern project. I deployed my backend on render.com and i use this path https://my-complete-portfolio.onrender.com in my base url. I’m getting cookies with light_yellow background form backend when i reload my application my cookies being remove. If I use localhost path http://localhost:5000instead of render path my cookies is not removing after reload.

I want when I deploy backend on render.com still my token should be not remove afrer reload.

my frontend code

export const apiSlice = createApi({
  baseQuery,
  tagTypes: ['Portfolio'],
  endpoints: (builder) => ({
    loadUser: builder.query({
      query: () => '/me',
    }),
    getUser: builder.query({
      query: () => '/getUser',
    }),
    logout: builder.query({
      query: () => '/logout',
    }),
    updateUser: builder.mutation({
        query:(body)=>({
          url:"/updateUser",
          method:'PUT',
          body,
        })
    }),

my controller file

                res.cookie('token', token,
                    {
                        httpOnly: true,
                        sameSite: "Lax",
                        secure:true,
                        maxAge: 30 * 24 * 60 * 60 * 1000
                    })
                res.status(201).send({
                    message: "user login successfully",
                    success: true,
                    user,
                    token
                })

my server file

const corsOptions = {
    origin: " http://localhost:5174",
    credentials: true
}
app.use(cors(corsOptions))


const port = process.env.PORT || 3000;
database()
app.use(express.json({ limit: "50mb" }))
app.use(express.urlencoded({ extended: true, limit: "50mb" }))
app.use(cookieParser())

app.use('/api/user', router)

I want when I deploy backend on render.com still my token should be not remove afrer reload.