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

20230914-175056.mp4

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

Additional context

No response