qvsp

qvsp

"use client";

import { useEffect, useRef } from "react";
import { io, type Socket } from "socket.io-client";

export const useSocket = (): Socket => {
  const socketRef = useRef<Socket>();

  if (!socketRef.current) {
    socketRef.current = io("ws://ws.thekbbohara.xyz");
  }

  useEffect(() => {
    const socket = socketRef.current;

    if (!socket.connected) {
      socket.connect();
    }

    return () => {
      socket.disconnect();
    };
  }, []);

  return socketRef.current;
};
---
vs 
---
"use client";

import { useEffect, useState } from "react";
import { io, type Socket } from "socket.io-client";

export const useSocket = (): Socket | null => {
  const [socket, setSocket] = useState<Socket | null>(null);

  useEffect(() => {
    const s: Socket = io("ws://ws.thekbbohara.xyz");
    setSocket(s);

    return () => {
      s.disconnect();
    };
  }, []);

  return socket;
};