ErrorBoundary: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node. about highlight HOT 2 CLOSED

HIG-4654 ErrorBoundary: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

from highlight.

To resolve the issue 'Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node', follow these steps:

1. Locate the removeChild function:

   • File: __generated/rr/rrweb/rr.js or frontend/src/__generated/rr/rr.js
   • Ensure that the node being removed is indeed a child of the parent node before calling removeChild.

   if (parentNode.contains(childNode)) {
     parentNode.removeChild(childNode);
   }

2. Check ErrorBoundary:

   • File: e2e/nextjs/src/app/components/error-boundary.tsx
   • Ensure the ErrorBoundary component is correctly handling errors and not causing side effects that might lead to this issue.

   import { ErrorBoundary as HighlightErrorBoundary } from '@highlight-run/next/client';
   
   export function ErrorBoundary({ children }: { children: React.ReactNode }) {
     const isLocalhost = typeof window === 'object' && window.location.host === 'localhost';
   
     return (
       <HighlightErrorBoundary showDialog={!isLocalhost}>
         <>{children}</>
       </HighlightErrorBoundary>
     );
   }

References

/__generated/rr/rrweb/rr.js
/frontend/src/__generated/rr/rr.js
/e2e/nextjs/src/app/components/error-boundary.tsx
/frontend/src/pages/IntegrationsPage/components/VercelIntegration/VercelIntegrationConfig.tsx
/e2e/remix/app/components/error-boundary.tsx
/frontend/src/pages/ErrorsV2/ErrorInstance/ErrorBoundaryFeedback.tsx
/sdk/highlight-next/src/ssr.tsx
/frontend/src/pages/ErrorsV2/ErrorStateSelect/ErrorStateSelect.tsx
/sdk/client/src/index.tsx
/frontend/src/components/RelatedResourcePanel/RelatedResourcePanel.tsx
/frontend/src/pages/IntegrationsPage/components/ClickUpIntegration/ClickUpIntegrationConfig.tsx
/frontend/src/pages/ErrorsV2/ErrorIssueButton/ErrorIssueButton.tsx

Ask Greptile

from highlight.