Fix some stuff

src/components/views/elements/ReplyThread.js

@@ -45,8 +45,8 @@ export default class ReplyThread extends React.Component {
 
     static contextType = MatrixClientContext;
 
-    constructor(props) {
-        super(props);
+    constructor(props, context) {
+        super(props, context);
 
         this.state = {
             // The loaded events to be rendered as linear-replies

src/components/views/groups/GroupInviteTile.js

@@ -35,8 +35,8 @@ export default class GroupInviteTile extends React.Component {
 
     static contextType = MatrixClientContext;
 
-    constructor(props) {
-        super(props);
+    constructor(props, context) {
+        super(props, context);
 
         this.state = {
             hover: false,

src/components/views/rooms/EventTile.js

@@ -215,8 +215,8 @@ export default class EventTile extends React.Component {
 
     static contextType = MatrixClientContext;
 
-    constructor(props) {
-        super(props);
+    constructor(props, context) {
+        super(props, context);
 
         this.state = {
             // Whether the action bar is focused.
@@ -234,12 +234,16 @@ export default class EventTile extends React.Component {
 
         // don't do RR animations until we are mounted
         this._suppressReadReceiptAnimation = true;
-        this._verifyEvent(this.props.mxEvent);
 
         this._tile = createRef();
         this._replyThread = createRef();
     }
 
+    // TODO: [REACT-WARNING] Move into constructor
+    UNSAFE_componentWillMount() {
+        this._verifyEvent(this.props.mxEvent);
+    }
+
     componentDidMount() {
         this._suppressReadReceiptAnimation = false;
         const client = this.context;

src/components/views/rooms/MemberList.js

@@ -47,13 +47,6 @@ export default class MemberList extends React.Component {
             this.state = this._getMembersState(this.roomMembers());
         }
 
-        this._mounted = true;
-        if (cli.hasLazyLoadMembersEnabled()) {
-            this._showMembersAccordingToMembershipWithLL();
-            cli.on("Room.myMembership", this.onMyMembership);
-        } else {
-            this._listenForMembersChanges();
-        }
         cli.on("Room", this.onRoom); // invites & joining after peek
         const enablePresenceByHsUrl = SdkConfig.get()["enable_presence_by_hs_url"];
         const hsUrl = MatrixClientPeg.get().baseUrl;
@@ -63,6 +56,17 @@ export default class MemberList extends React.Component {
         }
     }
 
+    componentDidMount() {
+        const cli = MatrixClientPeg.get();
+        this._mounted = true;
+        if (cli.hasLazyLoadMembersEnabled()) {
+            this._showMembersAccordingToMembershipWithLL();
+            cli.on("Room.myMembership", this.onMyMembership);
+        } else {
+            this._listenForMembersChanges();
+        }
+    }
+
     _listenForMembersChanges() {
         const cli = MatrixClientPeg.get();
         cli.on("RoomState.members", this.onRoomStateMember);
@@ -412,24 +416,20 @@ export default class MemberList extends React.Component {
         });
     }
 
-    _getChildrenJoined(start, end) {
-        return this._makeMemberTiles(this.state.filteredJoinedMembers.slice(start, end));
-    }
+    _getChildrenJoined = (start, end) => this._makeMemberTiles(this.state.filteredJoinedMembers.slice(start, end));
 
-    _getChildCountJoined() {
-        return this.state.filteredJoinedMembers.length;
-    }
+    _getChildCountJoined = () => this.state.filteredJoinedMembers.length;
 
-    _getChildrenInvited(start, end) {
+    _getChildrenInvited = (start, end) => {
         let targets = this.state.filteredInvitedMembers;
         if (end > this.state.filteredInvitedMembers.length) {
             targets = targets.concat(this._getPending3PidInvites());
         }
 
         return this._makeMemberTiles(targets.slice(start, end));
-    }
+    };
 
-    _getChildCountInvited() {
+    _getChildCountInvited = () => {
         return this.state.filteredInvitedMembers.length + (this._getPending3PidInvites() || []).length;
     }
 

src/components/views/rooms/SendMessageComposer.js

@@ -99,8 +99,8 @@ export default class SendMessageComposer extends React.Component {
 
     static contextType = MatrixClientContext;
 
-    constructor(props) {
-        super(props);
+    constructor(props, context) {
+        super(props, context);
         this.model = null;
         this._editorRef = null;
         this.currentlyComposedEditorState = null;