chat.jsx

import { useEffect } from "react-better-effect";

function Chat({ selectedRoom }) {
  const theme = useContext(ThemeContext);
  
  useEffect(($) => {
    const socket = createSocket('/chat/' + selectedRoom);
    socket.on('connected', async () => {
      await checkConnection(selectedRoom);
      
      showToast($.theme, 'Connected to ' + selectedRoom);
      // 😋 get the latest 'theme' value from $
    });
    
  }, [selectedRoom], {theme}); // 🤓 inject 'theme' here
}