diff --git a/native/components/swipeable.js b/native/components/swipeable.js
index 880b4c45d..4eaed68ac 100644
--- a/native/components/swipeable.js
+++ b/native/components/swipeable.js
@@ -1,117 +1,109 @@
 // @flow
 
 import * as React from 'react';
 import { Animated, View } from 'react-native';
 // eslint-disable-next-line import/extensions
 import SwipeableComponent from 'react-native-gesture-handler/Swipeable';
 import { useSelector } from 'react-redux';
 
 import Button from './button.react.js';
-import { type Colors, useColors, useStyles } from '../themes/colors.js';
+import { useStyles } from '../themes/colors.js';
 
-type BaseProps = {
+type Props = {
   +buttonWidth: number,
   +rightActions: $ReadOnlyArray<{
     +key: string,
     +onPress: () => mixed,
     +color: ?string,
     +content: React.Node,
   }>,
   +onSwipeableRightWillOpen?: () => void,
   +innerRef: {
     current: ?SwipeableComponent,
   },
   +children?: React.Node,
 };
-type Props = {
-  ...BaseProps,
-  +windowWidth: number,
-  +colors: Colors,
-  +styles: typeof unboundStyles,
-};
 
-class Swipeable extends React.PureComponent<Props> {
-  static defaultProps = {
-    rightActions: [],
-  };
+function Swipeable(props: Props): React.Node {
+  const styles = useStyles(unboundStyles);
+  const windowWidth = useSelector(state => state.dimensions.width);
+
+  const {
+    buttonWidth,
+    rightActions = [],
+    onSwipeableRightWillOpen,
+    innerRef,
+    children,
+  } = props;
 
-  renderRightActions = progress => {
-    const actions = this.props.rightActions.map(
-      ({ key, content, color, onPress }, i) => {
-        const translation = progress.interpolate({
-          inputRange: [0, 1],
-          outputRange: [
-            (this.props.rightActions.length - i) * this.props.buttonWidth,
-            0,
-          ],
-        });
-        return (
-          <Animated.View
-            key={key}
-            style={{
-              transform: [{ translateX: translation }],
-            }}
-          >
-            <Button
-              onPress={onPress}
-              style={[
-                this.props.styles.action,
-                {
-                  width: this.props.windowWidth + this.props.buttonWidth,
-                  marginRight: -this.props.windowWidth,
-                  paddingRight: this.props.windowWidth,
-                  backgroundColor: color,
-                },
-              ]}
+  const renderRightActions = React.useCallback(
+    progress => {
+      const actions = rightActions.map(
+        ({ key, content, color, onPress }, i) => {
+          const translation = progress.interpolate({
+            inputRange: [0, 1],
+            outputRange: [(rightActions.length - i) * buttonWidth, 0],
+          });
+          return (
+            <Animated.View
+              key={key}
+              style={{ transform: [{ translateX: translation }] }}
             >
-              {content}
-            </Button>
-          </Animated.View>
-        );
-      },
-    );
+              <Button
+                onPress={onPress}
+                style={[
+                  styles.action,
+                  {
+                    width: windowWidth + buttonWidth,
+                    marginRight: -windowWidth,
+                    paddingRight: windowWidth,
+                    backgroundColor: color,
+                  },
+                ]}
+              >
+                {content}
+              </Button>
+            </Animated.View>
+          );
+        },
+      );
 
-    return <View style={this.props.styles.actionsContainer}>{actions}</View>;
-  };
+      return <View style={styles.actionsContainer}>{actions}</View>;
+    },
+    [
+      buttonWidth,
+      rightActions,
+      styles.action,
+      styles.actionsContainer,
+      windowWidth,
+    ],
+  );
 
-  render() {
-    return (
+  const swipeable = React.useMemo(
+    () => (
       <SwipeableComponent
-        renderRightActions={this.renderRightActions}
-        ref={this.props.innerRef}
-        onSwipeableRightWillOpen={this.props.onSwipeableRightWillOpen}
+        renderRightActions={renderRightActions}
+        ref={innerRef}
+        onSwipeableRightWillOpen={onSwipeableRightWillOpen}
       >
-        {this.props.children}
+        {children}
       </SwipeableComponent>
-    );
-  }
+    ),
+    [children, innerRef, onSwipeableRightWillOpen, renderRightActions],
+  );
+
+  return swipeable;
 }
 
 const unboundStyles = {
   action: {
     height: '100%',
     alignItems: 'center',
     justifyContent: 'center',
   },
   actionsContainer: {
     flexDirection: 'row',
   },
 };
 
-const ConnectedSwipeable: React.ComponentType<BaseProps> =
-  React.memo<BaseProps>(function ConnectedSwipeable(props: BaseProps) {
-    const styles = useStyles(unboundStyles);
-    const windowWidth = useSelector(state => state.dimensions.width);
-    const colors = useColors();
-
-    return (
-      <Swipeable
-        {...props}
-        styles={styles}
-        windowWidth={windowWidth}
-        colors={colors}
-      />
-    );
-  });
-
-export default ConnectedSwipeable;
+export default Swipeable;