- const observer = new ResizeObserver((entries)=>{
- for (let i = 0; i < entries.length; i++) {
- const width = entries[i].contentRect.width
- props.setCurrentSideWidth(width)
+ const observerCallback: ResizeObserverCallback = (entries: ResizeObserverEntry[]) => {
+ try {
+ //prevents potential infinite resize triggers
+ window.requestAnimationFrame((): void | undefined => {
+ if (!Array.isArray(entries) || !entries.length) {
+ return;
+ }
+ const width = entries[0].contentRect.width
+ props.setCurrentSideWidth(width)
+ });
+ } catch (error) {
+ console.error('Error in resize observer callback', error);