Function useSocketSubscribeData

src/client/api/socketio.ts:129–149

(
  name: keyof SubscribeEventMap,
  defaultData: T
)

}

export function useSocketSubscribeData<T>(
  name: keyof SubscribeEventMap,
  defaultData: T
): T {
  const { subscribe } = useSocket();
  const [data, setData] = useState<T>(defaultData);

  const cb = useEvent((_data) => {
    setData(_data ?? defaultData);
  });

  useEffect(() => {
    const unsubscribe = subscribe(name, cb);

    return () => {
      unsubscribe();
    };
  }, [name]);

  return data;
}

export function useSocketConnected() {
  return useSocketStore((state) => state.connected);