client/src/contexts/socket.js

import { createContext } from "react";

export const SocketContext = createContext();
export const SocketProvider = ({socket, children}) => (
    <SocketContext.Provider value={socket}>
        {children}
    </SocketContext.Provider>
)