resizeObserver observe high frequency resize action inside Tabset

[Julia95Qian]

Describe the bug

• i put a window with style {{width:100%, height:100%}} inside the Tabset, and put a resizeObserver(@types/resize-observer-browser) in the window.
• i found that the window do resize action repeatedly when the window with style {{box-sizing: 'border-box'}}
• i found that the window do resize action twice when the window with style {{display: 'flex'}} set to minimize after maximized

the minimum example attached under:

FlexLayout_cra_example.zip

Your Example Website or App

https://github.com/Julia95Qian/flexlayout-react

Steps to Reproduce the Bug or Issue

1. npm install and start, Tabset One and Tabset Two has scrollbar inside and windows are falshing
2. add style {{display: flex}} to the window, maximize Tabset One and then minimize it, console log shows it resizes twice when its minimized.

Expected behavior

1. the window in Tabset can fully spread
2. maximize and minimize will not cause several resize actions but once

Operating System

Windows

Browser Type?

Chrome

Browser Version

116

Screenshots or Videos

https://github.com/caplin/FlexLayout/assets/51627103/08d1d41d-5a52-4534-a38e-6596832a5cd9

display: flex https://github.com/caplin/FlexLayout/assets/51627103/11e9c9ca-939f-474d-9125-1301bb388f79

Additional context

No response