diff --git a/web/modals/chat/invalid-upload.react.js b/web/modals/chat/invalid-upload.react.js
index 13621df75..d1a93b0aa 100644
--- a/web/modals/chat/invalid-upload.react.js
+++ b/web/modals/chat/invalid-upload.react.js
@@ -1,39 +1,29 @@
 // @flow
 
 import * as React from 'react';
 
 import Button from '../../components/button.react.js';
 import { useModalContext } from '../../modals/modal-provider.react';
 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 InvalidUploadModal(): React.Node {
+  const { popModal } = useModalContext();
+  return (
+    <Modal name="Invalid upload" onClose={popModal}>
+      <div className={css.modal_body}>
+        <p>We don&apos;t support that file type yet :(</p>
+        <Button
+          onClick={popModal}
+          type="submit"
+          variant="primary"
+          className={css.ok_button}
+        >
+          OK
+        </Button>
+      </div>
+    </Modal>
+  );
 }
 
-function ConnectedInvalidUploadModal(): React.Node {
-  const modalContext = useModalContext();
-
-  return <InvalidUploadModal popModal={modalContext.popModal} />;
-}
-
-export default ConnectedInvalidUploadModal;
+export default InvalidUploadModal;