diff --git a/native/chat/inline-engagement.react.js b/native/chat/inline-engagement.react.js --- a/native/chat/inline-engagement.react.js +++ b/native/chat/inline-engagement.react.js @@ -325,20 +325,16 @@ ]); const inlineEngagementPositionStyle = React.useMemo(() => { - const styleResult = [styles.inlineEngagement]; + const styleResult: Array<$Values> = [ + styles.inlineEngagement, + ]; if (isRight) { styleResult.push(styles.rightInlineEngagement); } else if (isCenter) { styleResult.push(styles.centerInlineEngagement); } return styleResult; - }, [ - isCenter, - isRight, - styles.centerInlineEngagement, - styles.inlineEngagement, - styles.rightInlineEngagement, - ]); + }, [isCenter, isRight, styles]); return ( diff --git a/native/chat/message-header.react.js b/native/chat/message-header.react.js --- a/native/chat/message-header.react.js +++ b/native/chat/message-header.react.js @@ -41,13 +41,13 @@ ); const authorNameStyle = React.useMemo(() => { - const style = [styles.authorName]; + const style: Array<$Values> = [styles.authorName]; if (modalDisplay) { style.push(styles.modal); } return style; - }, [modalDisplay, styles.authorName, styles.modal]); + }, [modalDisplay, styles]); const authorName = React.useMemo(() => { if (!stringForUser) { diff --git a/native/chat/settings/thread-settings-notifications.react.js b/native/chat/settings/thread-settings-notifications.react.js --- a/native/chat/settings/thread-settings-notifications.react.js +++ b/native/chat/settings/thread-settings-notifications.react.js @@ -40,7 +40,9 @@ const colors = useColors(); const bannerNotifsDescriptionTextStyles = React.useMemo(() => { - const style = [styles.notificationOptionDescriptionText]; + const style: Array<$Values> = [ + styles.notificationOptionDescriptionText, + ]; if (selected && !bannerNotifsEnabled) { style.push(styles.notificationOptionDescriptionTextDisabledSelected); @@ -49,16 +51,12 @@ } return style; - }, [ - bannerNotifsEnabled, - selected, - styles.notificationOptionDescriptionText, - styles.notificationOptionDescriptionTextDisabled, - styles.notificationOptionDescriptionTextDisabledSelected, - ]); + }, [bannerNotifsEnabled, selected, styles]); const notifCountDescriptionTextStyles = React.useMemo(() => { - const style = [styles.notificationOptionDescriptionText]; + const style: Array<$Values> = [ + styles.notificationOptionDescriptionText, + ]; if (selected && !notifCountEnabled) { style.push(styles.notificationOptionDescriptionTextDisabledSelected); @@ -67,13 +65,7 @@ } return style; - }, [ - notifCountEnabled, - selected, - styles.notificationOptionDescriptionText, - styles.notificationOptionDescriptionTextDisabled, - styles.notificationOptionDescriptionTextDisabledSelected, - ]); + }, [notifCountEnabled, selected, styles]); let bannerNotifsIconColor = colors.panelForegroundSecondaryLabel; if (selected && !bannerNotifsEnabled) { diff --git a/native/components/enum-settings-option.react.js b/native/components/enum-settings-option.react.js --- a/native/components/enum-settings-option.react.js +++ b/native/components/enum-settings-option.react.js @@ -56,7 +56,7 @@ }, [description, styles.enumInfoDescription]); const enumInputStyles = React.useMemo(() => { - const style = [styles.enumInput]; + const style: Array<$Values> = [styles.enumInput]; if (disabled) { style.push(styles.disabled); @@ -67,17 +67,10 @@ } return style; - }, [ - disabled, - styles.checkBox, - styles.disabled, - styles.enumInput, - styles.radio, - type, - ]); + }, [disabled, styles, type]); const enumInputFilledStyles = React.useMemo(() => { - const style = [styles.enumInputFill]; + const style: Array<$Values> = [styles.enumInputFill]; if (type === 'radio') { style.push(styles.radioFill); @@ -86,7 +79,7 @@ } return style; - }, [styles.checkBoxFill, styles.enumInputFill, styles.radioFill, type]); + }, [styles, type]); const enumInputFill = React.useMemo( () => (enumValue ? : null), @@ -94,14 +87,14 @@ ); const touchableContainerStyle = React.useMemo(() => { - const style = [styles.touchableContainer]; + const style: Array<$Values> = [styles.touchableContainer]; if (enumValue) { style.push(styles.touchableContainerSelected); } return style; - }, [enumValue, styles.touchableContainer, styles.touchableContainerSelected]); + }, [enumValue, styles]); return ( diff --git a/native/components/loadable-button.react.js b/native/components/loadable-button.react.js --- a/native/components/loadable-button.react.js +++ b/native/components/loadable-button.react.js @@ -18,14 +18,14 @@ const colors = useColors(); const buttonContentContainerStyles = React.useMemo(() => { - const result = [styles.container]; + const result: Array<$Values> = [styles.container]; if (isLoading) { result.push(styles.containerLoading); } return result; - }, [isLoading, styles.container, styles.containerLoading]); + }, [isLoading, styles]); const loadingSpinner = React.useMemo(() => { if (!isLoading) { diff --git a/native/components/relationship-button.react.js b/native/components/relationship-button.react.js --- a/native/components/relationship-button.react.js +++ b/native/components/relationship-button.react.js @@ -28,7 +28,7 @@ const colors = useColors(); const buttonStyle = React.useMemo(() => { - const result = [styles.buttonContainer]; + const result: Array<$Values> = [styles.buttonContainer]; if (type === 'add' || type === 'accept' || type === 'unblock') { result.push(styles.greenButton); @@ -37,7 +37,7 @@ } return result; - }, [styles.buttonContainer, styles.greenButton, styles.redButton, type]); + }, [styles, type]); let buttonText = 'Add friend'; let icon = 'user-plus';