diff --git a/web/modals/history/history-revision.react.js b/web/modals/history/history-revision.react.js
index f7d24420e..76ed80c97 100644
--- a/web/modals/history/history-revision.react.js
+++ b/web/modals/history/history-revision.react.js
@@ -1,84 +1,67 @@
 // @flow
 
 import classNames from 'classnames';
 import dateFormat from 'dateformat';
-import PropTypes from 'prop-types';
 import * as React from 'react';
 import TimeAgo from 'react-timeago';
 
 import { threadInfoSelector } from 'lib/selectors/thread-selectors';
 import { colorIsDark } from 'lib/shared/thread-utils';
 import type { HistoryRevisionInfo } from 'lib/types/history-types';
-import { historyRevisionInfoPropType } from 'lib/types/history-types';
-import type { ThreadInfo } from 'lib/types/thread-types';
-import { threadInfoPropType } from 'lib/types/thread-types';
-import { connect } from 'lib/utils/redux-utils';
 
-import type { AppState } from '../../redux/redux-setup';
+import { useSelector } from '../../redux/redux-utils';
 import css from './history.css';
 
-type Props = {
-  revisionInfo: HistoryRevisionInfo,
-  threadInfo: ThreadInfo,
-  isDeletionOrRestoration: boolean,
-};
+type Props = {|
+  +revisionInfo: HistoryRevisionInfo,
+  +isDeletionOrRestoration: boolean,
+|};
 
-class HistoryRevision extends React.PureComponent<Props> {
-  render() {
-    let change;
-    if (this.props.isDeletionOrRestoration && this.props.revisionInfo.deleted) {
-      change = <div className={css.deleted}>Deleted</div>;
-    } else if (this.props.isDeletionOrRestoration) {
-      change = <div className={css.restored}>Restored</div>;
-    } else {
-      const textClasses = classNames({
-        [css.entry]: true,
-        [css.darkEntry]: colorIsDark(this.props.threadInfo.color),
-      });
-      const textStyle = { backgroundColor: '#' + this.props.threadInfo.color };
-      change = (
-        <div className={textClasses} style={textStyle}>
-          {this.props.revisionInfo.text}
-        </div>
-      );
-    }
-
-    const author =
-      this.props.revisionInfo.author === null ? (
-        'Anonymous'
-      ) : (
-        <span className={css.entryUsername}>
-          {this.props.revisionInfo.author}
-        </span>
-      );
-
-    const date = new Date(this.props.revisionInfo.lastUpdate);
-    const hovertext = dateFormat(date, "dddd, mmmm dS, yyyy 'at' h:MM TT");
-    return (
-      <li>
-        {change}
-        <span className={css.entryAuthor}>
-          {'updated by '}
-          {author}
-        </span>
-        <TimeAgo
-          date={date.toISOString()}
-          title={hovertext}
-          className={css.entryTime}
-        />
-        <div className={css.clear} />
-      </li>
+export default function HistoryRevision(props: Props) {
+  const threadInfo = useSelector(
+    (state) => threadInfoSelector(state)[props.revisionInfo.threadID],
+  );
+  let change;
+  if (props.isDeletionOrRestoration && props.revisionInfo.deleted) {
+    change = <div className={css.deleted}>Deleted</div>;
+  } else if (props.isDeletionOrRestoration) {
+    change = <div className={css.restored}>Restored</div>;
+  } else {
+    const textClasses = classNames({
+      [css.entry]: true,
+      [css.darkEntry]: colorIsDark(threadInfo.color),
+    });
+    const textStyle = { backgroundColor: '#' + threadInfo.color };
+    change = (
+      <div className={textClasses} style={textStyle}>
+        {props.revisionInfo.text}
+      </div>
     );
   }
-}
 
-HistoryRevision.propTypes = {
-  revisionInfo: historyRevisionInfoPropType,
-  threadInfo: threadInfoPropType,
-  isDeletionOrRestoration: PropTypes.bool.isRequired,
-};
+  const author =
+    props.revisionInfo.author === null ? (
+      'Anonymous'
+    ) : (
+      <span className={css.entryUsername}>{props.revisionInfo.author}</span>
+    );
+
+  const date = new Date(props.revisionInfo.lastUpdate);
+  const hovertext = dateFormat(date, "dddd, mmmm dS, yyyy 'at' h:MM TT");
 
-type OwnProps = { revisionInfo: HistoryRevisionInfo };
-export default connect((state: AppState, ownProps: OwnProps) => ({
-  threadInfo: threadInfoSelector(state)[ownProps.revisionInfo.threadID],
-}))(HistoryRevision);
+  return (
+    <li>
+      {change}
+      <span className={css.entryAuthor}>
+        {'updated by '}
+        {author}
+      </span>
+      <TimeAgo
+        date={date.toISOString()}
+        title={hovertext}
+        className={css.entryTime}
+      />
+      <div className={css.clear} />
+    </li>
+  );
+}