В каком хуке хранить сокет

const [remoteStreamData, setRemoteStreamData] = useState([]);  
 
useEffect(() => {
            socket.current = new WebSocket(httpServer + `?nickname=${name.current}`);
              // обработчик входящих сообщений
              socket.onmessage = function(event) {
                let msg = JSON.parse(event.data);
                    switch(msg.type){     //Тип сообщения
                    case "myUserId" :   //Сохранить id для доступа к сокетному соединению
                        idMe.current = msg.idMe
                    break
                    case "newCall" :    //Соответствует
                        rem = [...remoteStreamData, {id: msg.id, pc: new RTCPeerConnection(servers)}]
                        setRemoteStreamData(rem)
                    break
               }}},[remoteStreamData, httpServer])

import React, { useState, useCallback, useEffect } from 'react';
import useWebSocket, { ReadyState } from 'react-use-websocket';
 
export const WebSocketDemo = () => {
  //Public API that will echo messages sent to it back to the client
  const [socketUrl, setSocketUrl] = useState('wss://echo.websocket.org');
  const [messageHistory, setMessageHistory] = useState<MessageEvent<any>[]>([]);
 
  const { sendMessage, lastMessage, readyState } = useWebSocket(socketUrl);
 
  useEffect(() => {
    if (lastMessage !== null) {
      setMessageHistory((prev) => prev.concat(lastMessage));
    }
  }, [lastMessage]);
 
  const handleClickChangeSocketUrl = useCallback(
    () => setSocketUrl('wss://demos.kaazing.com/echo'),
    []
  );
 
  const handleClickSendMessage = useCallback(() => sendMessage('Hello'), []);
 
  const connectionStatus = {
    [ReadyState.CONNECTING]: 'Connecting',
    [ReadyState.OPEN]: 'Open',
    [ReadyState.CLOSING]: 'Closing',
    [ReadyState.CLOSED]: 'Closed',
    [ReadyState.UNINSTANTIATED]: 'Uninstantiated',
  }[readyState];
 
  return (
    <div>
      <button onClick={handleClickChangeSocketUrl}>
        Click Me to change Socket Url
      </button>
      <button
        onClick={handleClickSendMessage}
        disabled={readyState !== ReadyState.OPEN}
      >
        Click Me to send 'Hello'
      </button>
      <span>The WebSocket is currently {connectionStatus}</span>
      {lastMessage ? <span>Last message: {lastMessage.data}</span> : null}
      <ul>
        {messageHistory.map((message, idx) => (
          <span key={idx}>{message ? message.data : null}</span>
        ))}
      </ul>
    </div>
  );
};