{
+ const element = event.currentTarget;
+ followLatest.current =
+ element.scrollHeight - element.scrollTop - element.clientHeight <
+ 40;
+ }}
+ >
+ {!messages.length && (
+
{t("Say hello to your teammates.")}
+ )}
+ {messages.map((message) => (
+
+
+ {message.name}
+ {message.playerId === playerId && ` ${t("(you)")}`}
+
+ {message.text}
+
+ ))}
+
+ {error && (
+