Revert "Use jotai for websocket"

This reverts commit cc1808c9ec.

frontend/src/hooks/useRoomName.ts

@@ -1,5 +1,5 @@
 import { atom, useAtom } from 'jotai'
-import { useCallback } from 'react'
+import { useCallback, useState } from 'react'
 
 const roomNameAtom = atom(getRoomNameFromUrl())
 

frontend/src/hooks/useWebSocketConnection.ts

@@ -1,19 +1,19 @@
-import { atom, useAtom } from 'jotai'
+import { useCallback, useState } from 'react'
-import { useCallback, useEffect } from 'react'
 import { WEBSOCKET_URL } from '../background/constants'
 import { UserInfo } from '../components/jitsi/types'
 
-
+const createWebSocketConnection = (userInfo: UserInfo) => {
   const webSocket = new WebSocket(WEBSOCKET_URL)
-const webSocketConnectionAtom = atom(webSocket)
+  console.log('[Rooms] createWebSocketConnection')
+  webSocket.addEventListener('open', (_: Event) => webSocket.send(JSON.stringify(userInfo)))
+
+  return webSocket
+}
 
 function useWebSocketConnection(userInfo: UserInfo) {
   console.log('[Rooms] useWebSocketConnection')
 
-  const [webSocketConnection] = useAtom(webSocketConnectionAtom)
+  const [webSocketConnection] = useState<WebSocket>(() => createWebSocketConnection(userInfo))
-  useEffect(() => {
-    sendMessageNowOrLater(webSocketConnection, JSON.stringify(userInfo))
-  }, [webSocketConnection, userInfo]);
 
   const sendMessage = useCallback(
     (message: string) => {
@@ -41,11 +41,4 @@ function useWebSocketConnection(userInfo: UserInfo) {
   return { onMessage, sendMessage, disconnect }
 }
 
-const sendMessageNowOrLater = (webSocket: WebSocket, message: string) => {
-  if (webSocket.readyState !== WebSocket.OPEN) {
-    return webSocket.addEventListener('open', (_: Event) => webSocket.send(message))
-  }
-  webSocket.send(message)
-}
-
 export default useWebSocketConnection