diff --git a/src/components/middle/hooks/useMessageObservers.ts b/src/components/middle/hooks/useMessageObservers.ts index 06ca65d28..43e8b37fe 100644 --- a/src/components/middle/hooks/useMessageObservers.ts +++ b/src/components/middle/hooks/useMessageObservers.ts @@ -31,7 +31,7 @@ export default function useMessageObservers( } = useIntersectionObserver({ rootRef: containerRef, throttleMs: INTERSECTION_THROTTLE_FOR_READING, - isAutoUnfreezeDisabled: true, + noAutoFreeze: true, }, (entries) => { if (type !== 'thread') { return; diff --git a/src/hooks/useIntersectionObserver.ts b/src/hooks/useIntersectionObserver.ts index 9924ef96f..2900b9bd6 100644 --- a/src/hooks/useIntersectionObserver.ts +++ b/src/hooks/useIntersectionObserver.ts @@ -32,7 +32,7 @@ export function useIntersectionObserver({ margin, threshold, isDisabled, - isAutoUnfreezeDisabled = false, + noAutoFreeze = false, }: { rootRef: RefObject; throttleMs?: number; @@ -41,7 +41,7 @@ export function useIntersectionObserver({ margin?: number; threshold?: number | number[]; isDisabled?: boolean; - isAutoUnfreezeDisabled?: boolean; + noAutoFreeze?: boolean; }, rootCallback?: RootCallback): Response { const controllerRef = useRef(); const rootCallbackRef = useRef(); @@ -67,7 +67,7 @@ export function useIntersectionObserver({ const freeze = useCallback(() => { freezeFlagsRef.current++; - if (isAutoUnfreezeDisabled) { + if (noAutoFreeze) { return; } @@ -87,7 +87,7 @@ export function useIntersectionObserver({ freezeFlagsRef.current = 1; unfreeze(); }, AUTO_UNFREEZE_TIMEOUT); - }, [isAutoUnfreezeDisabled, unfreeze]); + }, [noAutoFreeze, unfreeze]); useHeavyAnimationCheck(freeze, unfreeze);