Error: ResizeObserver loop completed with undelivered notifications.

[kaigothe]

I am writing to report an issue I encountered after installing a new component.

After successfully installing the component, I received an error message indicating ResizeObserver loop completed with undelivered notifications.. Despite attempting to troubleshoot the problem on my own, I have been unable to resolve it.

Could you please investigate this matter further and provide assistance in resolving the issue? If necessary, I am available to provide additional information or screenshots to help diagnose the problem.

Thank you for your attention to this matter. I look forward to your prompt response and resolution.

Sincerely

[kaigothe]

my code as zip
tree-app.zip

[lefamoffat]

Had the same issue and found a fix here: https://therichpost.com/solved-resizeobserver-loop-completed-with-undelivered-notifications-in-reactjs/

Essentially you just gotta add this to a .css file near the root.

iframe#webpack-dev-server-client-overlay{display:none!important}

I've added mine to the index.css and the error messages are gone

[rolfhermancoen]

@lefamoffat can confirm this fixes the issue

[TheMacros]

@lefamoffat This is not a good solution - it hides the overlay that displays all errors in your code. So you could not see any errors anymore.