encountered this error while deploying on vercel.
/context/page.js
"use client"
import React, { createContext, useMemo, useContext } from "react";
import { io } from "socket.io-client";

const SocketContext = createContext(null);

export const useSocket = () => {
const socket = useContext(SocketContext);
return socket;
};

export const SocketProvider = (props) => {
const socket = useMemo(() => io("localhost:8000"), []); //socket doesnt get initialized each time

return (
<SocketContext.Provider value={socket}>
{props.children}
</SocketContext.Provider>
);
};
and useSocket is imported in other client-side route whereas SocketProvider is importd in layout,js to wrap children using <SocketProvider/>