How to synchronize session IDs between Socket.io and API requests using Vite and Express?

const sessionConfig = {
  secret: config.app.Session_Env,
  resave: true,
  saveUninitialized: true,
  store: new FileStore(),
  cookie: { secure: false, httpOnly: true } 
};
if (config.app.APP_ENV === "development") {
  const dir = "./sessions";
  const fileStoreOptions = {
    path: dir,
    retries: 5,
  };
  if (!fs.existsSync(dir)) {
    fs.mkdirSync(dir, { recursive: true });
  }
  sessionConfig["store"] = new FileStore(fileStoreOptions);
}
const sessionMiddleware = session(sessionConfig);
app.use(sessionMiddleware);

const io = socketIo(server, {
  cors: {
      origin: 'http://localhost:5173',
      methods: ['GET', 'POST'],
      credentials: true
  }
});
io.use((socket, next) => {
  sessionMiddleware(socket.request, socket.request.res || {}, next);
});

io.on("connection", OnSocketConnection);

import { io } from 'socket.io-client';
const URL = '/socket.io'
const socket = io(process.env.API_BASE_URL, {
    withCredentials: true,
  });
  
console.log("Socket: " , socket)
export default socket;