title: Why is my cookie not being saved on Safari but being saved on Chrome?
body: <p>So I am working on a project, the frontend is on Next.JS hosted on vercel, the backend is on Express.JS hosted on heroku.</p>
  <p>I am using express-session along with passport JS to store the sessions.</p>
  <p>On the frontend I am using axios for the HTTP calls. The cookie for the session is being saved on Chrome, but on Safari it is not being saved. I have gone through multiple StackOverflow posts but none worked. Safari is receiving the cookie in the header but it is not saving the cookie
  <a href="https://i.stack.imgur.com/uuYz8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uuYz8.png" alt="Cookie being received on Safari" /></a></p>
  <p>Here is my cors configuration on express
  <a href="https://i.stack.imgur.com/SjdhP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SjdhP.png" alt="cors configuration" /></a></p>
  <p>What can be the issue here?</p>