diff --git a/.changeset/perf-underlinepanels-observer.md b/.changeset/perf-underlinepanels-observer.md new file mode 100644 index 00000000000..dc6cf2a894e --- /dev/null +++ b/.changeset/perf-underlinepanels-observer.md @@ -0,0 +1,7 @@ +--- +'@primer/react': patch +--- + +perf(UnderlinePanels): Simplify useResizeObserver usage + +Remove unnecessary array dependency parameter from useResizeObserver call. diff --git a/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx b/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx index 575593ece7d..ef6975c3d18 100644 --- a/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx +++ b/packages/react/src/experimental/UnderlinePanels/UnderlinePanels.tsx @@ -144,19 +144,15 @@ const UnderlinePanels: FCWithSlotMarker = ({ // when the wrapper resizes, check if the icons should be visible // by comparing the wrapper width to the list width - useResizeObserver( - (resizeObserverEntries: ResizeObserverEntry[]) => { - if (!tabsHaveIcons) { - return - } + useResizeObserver((resizeObserverEntries: ResizeObserverEntry[]) => { + if (!tabsHaveIcons) { + return + } - const wrapperWidth = resizeObserverEntries[0].contentRect.width + const wrapperWidth = resizeObserverEntries[0].contentRect.width - setIconsVisible(wrapperWidth > listWidth) - }, - wrapperRef, - [], - ) + setIconsVisible(wrapperWidth > listWidth) + }, wrapperRef) if (__DEV__) { const selectedTabs = tabs.filter(tab => {