Skip to content

Commit d5f68a1

Browse files
authored
fix: Apply batched updates to resize observer callback (#107)
1 parent c8a5c73 commit d5f68a1

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

src/internal/container-queries/use-resize-observer.ts

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
22
// SPDX-License-Identifier: Apache-2.0
33

4+
import { unstable_batchedUpdates } from 'react-dom';
45
import { ResizeObserver, ResizeObserverEntry } from '@juggle/resize-observer';
56
import { useEffect, useLayoutEffect } from 'react';
67
import { ContainerQueryEntry, ElementReference } from './interfaces';
@@ -56,7 +57,9 @@ export function useResizeObserver(elementRef: ElementReference, onObserve: (entr
5657
const observer = new ResizeObserver(entries => {
5758
// Prevent observe notifications on already unmounted component.
5859
if (connected) {
59-
stableOnObserve(convertResizeObserverEntry(entries[0]));
60+
unstable_batchedUpdates(() => {
61+
stableOnObserve(convertResizeObserverEntry(entries[0]));
62+
});
6063
}
6164
});
6265
observer.observe(element);

0 commit comments

Comments
 (0)