ResizeObserver - loop limit exceeded

Bug Report

Describe the Bug

Since Chrome 64, the ResizeObserver is firing a silent error that might be captured and raised when adding an event listener to the window (like some UI error handlers do).

See this GitHub discussion.

In index.ts, this can be fixed as follows:

// eslint-disable-next-line compat/compat
    observerRef.current = new (polyfill || window.ResizeObserver)(
      ([entry]: any) => {
        window.requestAnimationFrame(() => { /* < New line */

How to Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Use Chrome 64 / Safari 14 or newer
2. window.addEventListener('error', function(e) { console.log(e); }); to log the error

Screenshot

Expected Behavior

No errors from ResizeObserver should be forwarded to the event listeners.

Your Environment

• Device: [MacBook Pro]
• OS: [macOS 11.4]
• Browser: [Chrome, Safari]
• Version: [91.0.4472.77, 14.1.1]

[cornelius-behrend]

@wellyshen I’m glad I could help. Hopefully, the problem will be fixed with that in every case. The PR is here.

[wellyshen]

@cornelius-behrend Thank you mate, it really helpful 💯