diff --git a/web/modals/threads/settings/thread-settings-relationship-tab.react.js b/web/modals/threads/settings/thread-settings-relationship-tab.react.js --- a/web/modals/threads/settings/thread-settings-relationship-tab.react.js +++ b/web/modals/threads/settings/thread-settings-relationship-tab.react.js @@ -2,6 +2,7 @@ import * as React from 'react'; +import { useENSNames } from 'lib/hooks/ens-cache'; import { type SetState } from 'lib/types/hook-types'; import { type RelationshipButton } from 'lib/types/relationship-types'; import type { UserInfo } from 'lib/types/user-types'; @@ -17,17 +18,18 @@ function ThreadSettingsRelationshipTab(props: Props): React.Node { const { relationshipButtons, otherUserInfo, setErrorMessage } = props; + const [otherUserInfoWithENSName] = useENSNames([otherUserInfo]); const buttons = React.useMemo( () => relationshipButtons.map(action => ( )), - [otherUserInfo, relationshipButtons, setErrorMessage], + [otherUserInfoWithENSName, relationshipButtons, setErrorMessage], ); return
{buttons}
; }