Fix order of .on() and .connect() in chat example

Author: gbhardwaj00

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -997,10 +997,10 @@ export function useChatRoom({ serverUrl, roomId, onReceiveMessage }) {
       roomId: roomId
     };
     const connection = createConnection(options);
-    connection.connect();
     connection.on('message', (msg) => {
       onMessage(msg);
     });
+    connection.connect();
     return () => connection.disconnect();
   }, [roomId, serverUrl]);
 }