S
SolidJS•2mo ago
digos

Ignore specific error on the client during development (DevOverlay)

I'm getting an error about ResizeObserver that seems unavoidable. https://github.com/inokawa/virtua?tab=readme-ov-file#what-is-resizeobserver-loop-completed-with-undelivered-notifications-error I had the SSR enabled and I could avoid it by the following code: 
export function ignoreResizeObserverError() {
  if (!isServer) {
    window.addEventListener('error', (event) => {
      console.log('error catched in ignoreResizeObserverError');
      if (event.message === 'ResizeObserver loop completed with undelivered notifications.') {
        event.stopImmediatePropagation();
      }
    });
  }
}
export function ignoreResizeObserverError() {
  if (!isServer) {
    window.addEventListener('error', (event) => {
      console.log('error catched in ignoreResizeObserverError');
      if (event.message === 'ResizeObserver loop completed with undelivered notifications.') {
        event.stopImmediatePropagation();
      }
    });
  }
}
Now I'm trying to switch to CSR and I can't find a way to avoid the DevOverlay from triggering without removing it completely. (See image error) I can see that the error is triggered from here: https://github.com/solidjs/solid-start/blob/b8ac19bc3095d9f8006ca3d3b4d37debfd23c5ac/packages/start/src/shared/dev-overlay/index.tsx#L33 Is there a possible workaround? The thing I'm doing may seem stupid but I'm curious if we could avoid specific errors in the dev environment.
CSR rendering error
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?