diff --git a/src/components/middle/message/Message.tsx b/src/components/middle/message/Message.tsx index cbd1ef0f0..636432561 100644 --- a/src/components/middle/message/Message.tsx +++ b/src/components/middle/message/Message.tsx @@ -1,6 +1,6 @@ import type { FC } from '../../../lib/teact/teact'; import React, { - memo, useEffect, useMemo, useRef, useState, + memo, useCallback, useEffect, useMemo, useRef, useState, } from '../../../lib/teact/teact'; import { getActions, withGlobal } from '../../../global'; import type { @@ -800,7 +800,7 @@ const Message: FC = ({ ); } - const renderQuickReactionButton = useLastCallback(() => { + const renderQuickReactionButton = useCallback(() => { if (!defaultReaction) return undefined; return ( @@ -817,7 +817,10 @@ const Message: FC = ({ /> ); - }); + }, [ + activeReactions, availableReactions, defaultReaction, handleSendQuickReaction, isQuickReactionVisible, + observeIntersectionForPlaying, + ]); function renderReactionsAndMeta() { const meta = (