Remove dependency on matrix-react-sdk

src/video-grid/useRoomMemberName.js

@@ -0,0 +1,24 @@
+import { useState, useEffect } from "react";
+
+export function useRoomMemberName(member) {
+  const [state, setState] = useState({
+    name: member.name,
+    rawDisplayName: member.rawDisplayName,
+  });
+
+  useEffect(() => {
+    function updateName() {
+      setState({ name: member.name, rawDisplayName: member.rawDisplayName });
+    }
+
+    updateName();
+
+    member.on("RoomMember.name", updateName);
+
+    return () => {
+      member.removeListener("RoomMember.name", updateName);
+    };
+  }, [member]);
+
+  return state;
+}