diff --git a/app/javascript/flavours/glitch/components/status_content.jsx b/app/javascript/flavours/glitch/components/status_content.jsx index 6f7b9e0fdf..41a44ce404 100644 --- a/app/javascript/flavours/glitch/components/status_content.jsx +++ b/app/javascript/flavours/glitch/components/status_content.jsx @@ -366,7 +366,7 @@ class StatusContent extends PureComponent { lang={language} htmlString={content} extraEmojis={status.get('emojis')} - onElement={this.handleElement.bind(this)} + onElement={this.handleElement} /> {poll} @@ -384,7 +384,7 @@ class StatusContent extends PureComponent { lang={language} htmlString={content} extraEmojis={status.get('emojis')} - onElement={this.handleElement.bind(this)} + onElement={this.handleElement} /> {poll} diff --git a/app/javascript/flavours/glitch/features/notifications_v2/components/embedded_status_content.tsx b/app/javascript/flavours/glitch/features/notifications_v2/components/embedded_status_content.tsx index 5d9d23e2e9..1c908bd728 100644 --- a/app/javascript/flavours/glitch/features/notifications_v2/components/embedded_status_content.tsx +++ b/app/javascript/flavours/glitch/features/notifications_v2/components/embedded_status_content.tsx @@ -46,11 +46,15 @@ export const EmbeddedStatusContent: React.FC<{ () => (status.get('mentions') as List).toJS(), [status], ); - const htmlHandlers = useElementHandledLink({ - hashtagAccountId: status.get('account') as string | undefined, - hrefToMention(href) { + const hrefToMention = useCallback( + (href: string) => { return mentions.find((item) => item.url === href); }, + [mentions], + ); + const htmlHandlers = useElementHandledLink({ + hashtagAccountId: status.get('account') as string | undefined, + hrefToMention, }); const handleContentRef = useCallback(