diff --git a/native/chat/settings/thread-settings-parent.react.js b/native/chat/settings/thread-settings-parent.react.js
index d1a3737ad..89dbdc8eb 100644
--- a/native/chat/settings/thread-settings-parent.react.js
+++ b/native/chat/settings/thread-settings-parent.react.js
@@ -1,145 +1,143 @@
 // @flow
 
 import invariant from 'invariant';
-import PropTypes from 'prop-types';
 import * as React from 'react';
 import { Text, View, Platform } from 'react-native';
 
 import { threadInfoSelector } from 'lib/selectors/thread-selectors';
-import { type ThreadInfo, threadInfoPropType } from 'lib/types/thread-types';
-import { connect } from 'lib/utils/redux-utils';
+import { type ThreadInfo } from 'lib/types/thread-types';
 
 import Button from '../../components/button.react';
 import { SingleLine } from '../../components/single-line.react';
 import { MessageListRouteName } from '../../navigation/route-names';
-import type { AppState } from '../../redux/redux-setup';
-import { styleSelector } from '../../themes/colors';
+import { useSelector } from '../../redux/redux-utils';
+import { useStyles } from '../../themes/colors';
 import type { ThreadSettingsNavigate } from './thread-settings.react';
 
+type BaseProps = {|
+  +threadInfo: ThreadInfo,
+  +navigate: ThreadSettingsNavigate,
+|};
 type Props = {|
-  threadInfo: ThreadInfo,
-  navigate: ThreadSettingsNavigate,
-  // Redux state
-  parentThreadInfo?: ?ThreadInfo,
-  styles: typeof styles,
+  ...BaseProps,
+  +styles: typeof unboundStyles,
+  +parentThreadInfo?: ?ThreadInfo,
 |};
 class ThreadSettingsParent extends React.PureComponent<Props> {
-  static propTypes = {
-    threadInfo: threadInfoPropType.isRequired,
-    navigate: PropTypes.func.isRequired,
-    parentThreadInfo: threadInfoPropType,
-    styles: PropTypes.objectOf(PropTypes.object).isRequired,
-  };
-
   render() {
     let parent;
     if (this.props.parentThreadInfo) {
       parent = (
         <Button
           onPress={this.onPressParentThread}
           style={this.props.styles.currentValue}
         >
           <SingleLine
             style={[
               this.props.styles.currentValueText,
               this.props.styles.parentThreadLink,
             ]}
           >
             {this.props.parentThreadInfo.uiName}
           </SingleLine>
         </Button>
       );
     } else if (this.props.threadInfo.parentThreadID) {
       parent = (
         <Text
           style={[
             this.props.styles.currentValue,
             this.props.styles.currentValueText,
             this.props.styles.noParent,
           ]}
           numberOfLines={1}
         >
           Secret parent
         </Text>
       );
     } else {
       parent = (
         <Text
           style={[
             this.props.styles.currentValue,
             this.props.styles.currentValueText,
             this.props.styles.noParent,
           ]}
           numberOfLines={1}
         >
           No parent
         </Text>
       );
     }
     return (
       <View style={this.props.styles.row}>
         <Text style={this.props.styles.label} numberOfLines={1}>
           Parent
         </Text>
         {parent}
       </View>
     );
   }
 
   onPressParentThread = () => {
     const threadInfo = this.props.parentThreadInfo;
     invariant(threadInfo, 'should be set');
     this.props.navigate({
       name: MessageListRouteName,
       params: { threadInfo },
       key: `${MessageListRouteName}${threadInfo.id}`,
     });
   };
 }
 
-const styles = {
+const unboundStyles = {
   currentValue: {
     flex: 1,
     paddingLeft: 4,
     paddingTop: Platform.OS === 'ios' ? 5 : 4,
   },
   currentValueText: {
     color: 'panelForegroundSecondaryLabel',
     fontFamily: 'Arial',
     fontSize: 16,
     margin: 0,
     paddingRight: 0,
   },
   label: {
     color: 'panelForegroundTertiaryLabel',
     fontSize: 16,
     paddingVertical: 4,
     width: 96,
   },
   noParent: {
     fontStyle: 'italic',
     paddingLeft: 2,
   },
   parentThreadLink: {
     color: 'link',
   },
   row: {
     backgroundColor: 'panelForeground',
     flexDirection: 'row',
     paddingHorizontal: 24,
   },
 };
-const stylesSelector = styleSelector(styles);
 
-export default connect(
-  (state: AppState, ownProps: { threadInfo: ThreadInfo }) => {
-    const parsedThreadInfos = threadInfoSelector(state);
-    const parentThreadInfo: ?ThreadInfo = ownProps.threadInfo.parentThreadID
-      ? parsedThreadInfos[ownProps.threadInfo.parentThreadID]
-      : null;
-    return {
-      parentThreadInfo,
-      styles: stylesSelector(state),
-    };
-  },
-)(ThreadSettingsParent);
+export default React.memo<BaseProps>(function ConnectedThreadSettingsParent(
+  props: BaseProps,
+) {
+  const { parentThreadID } = props.threadInfo;
+
+  const styles = useStyles(unboundStyles);
+  const parentThreadInfo: ?ThreadInfo = useSelector((state) =>
+    parentThreadID ? threadInfoSelector(state)[parentThreadID] : null,
+  );
+
+  return (
+    <ThreadSettingsParent
+      {...props}
+      styles={styles}
+      parentThreadInfo={parentThreadInfo}
+    />
+  );
+});