frontend/hooks/useSocket.js

"use client";

import {useEffect,useState} from "react";
import {
connectSocket,
disconnectSocket
} from "../services/websocket/client";

export default function useSocket(){

const [socket,setSocket]=useState(null);
const [connected,setConnected]=useState(false);

useEffect(()=>{

const s=connectSocket(
localStorage.getItem("access_token")
);

setSocket(s);

s.on("connect",()=>setConnected(true));
s.on("disconnect",()=>setConnected(false));

return ()=>{
disconnectSocket();
};

},[]);

return {
socket,
connected
};

}