Remove create-react-class

src/components/views/messages/MessageEvent.js

@@ -16,17 +16,14 @@ limitations under the License.
 
 import React, {createRef} from 'react';
 import PropTypes from 'prop-types';
-import createReactClass from 'create-react-class';
 import * as sdk from '../../../index';
 import SettingsStore from "../../../settings/SettingsStore";
 import {Mjolnir} from "../../../mjolnir/Mjolnir";
 import RedactedBody from "./RedactedBody";
 import UnknownBody from "./UnknownBody";
 
-export default createReactClass({
-    displayName: 'MessageEvent',
-
-    propTypes: {
+export default class MessageEvent extends React.Component {
+    static propTypes = {
         /* the MatrixEvent to show */
         mxEvent: PropTypes.object.isRequired,
 
@@ -47,22 +44,23 @@ export default createReactClass({
 
         /* the maximum image height to use, if the event is an image */
         maxImageHeight: PropTypes.number,
-    },
+    };
+
+    constructor(props) {
+        super(props);
 
-    // TODO: [REACT-WARNING] Replace component with real class, use constructor for refs
-    UNSAFE_componentWillMount: function() {
         this._body = createRef();
-    },
+    }
 
-    getEventTileOps: function() {
+    getEventTileOps = () => {
         return this._body.current && this._body.current.getEventTileOps ? this._body.current.getEventTileOps() : null;
-    },
+    };
 
-    onTileUpdate: function() {
+    onTileUpdate = () => {
         this.forceUpdate();
-    },
+    };
 
-    render: function() {
+    render() {
         const bodyTypes = {
             'm.text': sdk.getComponent('messages.TextualBody'),
             'm.notice': sdk.getComponent('messages.TextualBody'),
@@ -123,5 +121,5 @@ export default createReactClass({
             onHeightChanged={this.props.onHeightChanged}
             onMessageAllowed={this.onTileUpdate}
         />;
-    },
-});
+    }
+}