diff --git a/native/bottom-sheets/bottom-sheet-handle.react.js b/native/bottom-sheets/bottom-sheet-handle.react.js --- a/native/bottom-sheets/bottom-sheet-handle.react.js +++ b/native/bottom-sheets/bottom-sheet-handle.react.js @@ -8,14 +8,19 @@ function BottomSheetHandle(): React.Node { const styles = useStyles(unboundStyles); - return ( - <> - <View style={styles.knobHandleContainer}> - <View style={styles.knobHandle} /> - </View> - <View style={styles.gap} /> - </> + const bottomSheetHandle = React.useMemo( + () => ( + <> + <View style={styles.knobHandleContainer}> + <View style={styles.knobHandle} /> + </View> + <View style={styles.gap} /> + </> + ), + [styles.gap, styles.knobHandle, styles.knobHandleContainer], ); + + return bottomSheetHandle; } const unboundStyles = {