[BUG]: ResizeObserver loop completed with undelivered notifications.

[bigint]

I don't provide free support through Github issues. If you want to ask for support or request features, sponsor the project and contact me over email. If you choose to ignore the above, I am likely going to delete the issue.

Describe the bug

Getting this error ResizeObserver loop completed with undelivered notifications., caught this on Sentry after upgrading to > v4.7.1

[bigint]

Seems like more people facing this https://github.com/petyosi/react-virtuoso/issues/875#issuecomment-1972856295

[bigint]

cc @petyosi 🙇🏼

[bigint]

The previous issue was closed 🙇🏼

[bigint]

https://github.com/petyosi/react-virtuoso/assets/69431456/f8d1d5c8-d29b-408b-95dd-d873f3839b92

@petyosi it would be great for explanation before closing the issue 🙇🏼

[petyosi]

@bigint in case you need support from me, sponsor the project.

[bigint]

@petyosi are you happy now?

[bigint]

@petyosi can you confirm you received your sponsorship?

[petyosi]

The error is harmless, so it is safe to ignore it. You can use this:

    window.addEventListener('error', e => {
        if(e.message === 'ResizeObserver loop completed with undelivered notifications.' || 
            e.message === 'ResizeObserver loop limit exceeded') {
            e.stopImmediatePropagation();
// depending on your setup, you can also call e.preventDefault();
        }
    })

[bigint]

I added in the global provider

  useEffect(() => {
    window.addEventListener('error', (e) => {
      if (
        e.message ===
          'ResizeObserver loop completed with undelivered notifications.' ||
        e.message === 'ResizeObserver loop limit exceeded'
      ) {
        e.stopImmediatePropagation();
      }
    });
  }, []);

still I'm seeing this issue

[bigint]

the error is still going to Sentry

[petyosi]

I don't know what goes on then. Cancel your sponsorship, and good luck with your project.

[bigint]

Cool let me tweet about this!

[bigint]

It was a nice rug lol!