diff --git a/web/modals/chat/invalid-upload.react.js b/web/modals/chat/invalid-upload.react.js
--- a/web/modals/chat/invalid-upload.react.js
+++ b/web/modals/chat/invalid-upload.react.js
@@ -7,33 +7,23 @@
 import Modal from '../modal.react';
 import css from './invalid-upload.css';
 
-type Props = {
-  +popModal: () => void,
-};
-class InvalidUploadModal extends React.PureComponent<Props> {
-  render(): React.Node {
-    return (
-      <Modal name="Invalid upload" onClose={this.props.popModal}>
-        <div className={css.modal_body}>
-          <p>We don&apos;t support that file type yet :(</p>
-          <Button
-            onClick={this.props.popModal}
-            type="submit"
-            variant="primary"
-            className={css.ok_button}
-          >
-            OK
-          </Button>
-        </div>
-      </Modal>
-    );
-  }
-}
-
-function ConnectedInvalidUploadModal(): React.Node {
+function InvalidUploadModal(): React.Node {
   const modalContext = useModalContext();
-
-  return <InvalidUploadModal popModal={modalContext.popModal} />;
+  return (
+    <Modal name="Invalid upload" onClose={modalContext.popModal}>
+      <div className={css.modal_body}>
+        <p>We don&apos;t support that file type yet :(</p>
+        <Button
+          onClick={modalContext.popModal}
+          type="submit"
+          variant="primary"
+          className={css.ok_button}
+        >
+          OK
+        </Button>
+      </div>
+    </Modal>
+  );
 }
 
-export default ConnectedInvalidUploadModal;
+export default InvalidUploadModal;