InspectedElementErrorBoundaryWrapper() — react Function Reference

Source Code

packages/react-devtools-shared/src/devtools/views/Components/InspectedElementErrorBoundary.js lines 25–47

export default function InspectedElementErrorBoundaryWrapper({
  children,
}: WrapperProps): React.Node {
  // Key on the selected element ID so that changing the selected element automatically hides the boundary.
  // This seems best since an error inspecting one element isn't likely to be relevant to another element.
  const {inspectedElementID} = useContext(TreeStateContext);

  const refresh = useCacheRefresh();
  const handleDsmiss = useCallback(() => {
    clearCacheBecauseOfError(refresh);
  }, [refresh]);

  return (
    <div className={styles.Wrapper}>
      <ErrorBoundary
        key={inspectedElementID}
        canDismiss={true}
        onBeforeDismissCallback={handleDsmiss}>
        {children}
      </ErrorBoundary>
    </div>
  );
}