message: message clear on send
diff: -import React, { useState, useRef } from "react";
  +import React, { useState, useRef, useEffect } from "react";
  import { IPeer } from "../../peer/Peer";
  import { Button } from "decentraland-ui";
  @@ -45,13 +45,17 @@ export function Chat(props: { peer: IPeer; room: string }) {
  function sendMessage() {
  appendMessage(props.peer.nickname, message);
  props.peer.sendMessage(props.room, message);
  + setMessage("")
  }
  function appendMessage(sender, content) {
  setMessages([...messages, { sender, content }]);
  - messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
  }
  + useEffect(() => {
  + messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
  + })
  +
  return (
  <div className="chat">
  <h2>Welcome to the Chat {props.peer.nickname}</h2>
  