chat.jsx

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