chat.jsx

function Chat({ selectedRoom }) {
  const theme = useContext(ThemeContext);
  
  const onChecked = useEvent(async connectedRoom => {
    showToast(theme, 'Connected to ' + connectedRoom);
  });
  
  const onConnected = useEvent(async connectedRoom => {
    showToast(theme, 'Checking connection to ' + connectedRoom);
    await checkConnection(selectedRoom);
    onChecked(selectedRoom);
  });
  
  useEffect(() => {
    const socket = createSocket('/chat/' + selectedRoom);
    socket.on('connected', async () => {
      onConnected(selectedRoom);
    });
  }, [selectedRoom]);
}