From cb22147ddb88e4f474d6045a1b2d18c514caceac Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Tue, 14 Mar 2023 17:30:31 -0700
Subject: [PATCH] Use simpler example for ErrorBoundary

---
 web/components/_COMPONENT_HOW_TO.md | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/web/components/_COMPONENT_HOW_TO.md b/web/components/_COMPONENT_HOW_TO.md
index 56194427c..82df45136 100644
--- a/web/components/_COMPONENT_HOW_TO.md
+++ b/web/components/_COMPONENT_HOW_TO.md
@@ -78,17 +78,16 @@ The `ComponentError` component is a pre-built error state that can be used to di
 import { ErrorBoundary } from 'react-error-boundary';
 
 <ErrorBoundary
-      // eslint-disable-next-line react/no-unstable-nested-components
-      fallbackRender={({ error: e, resetErrorBoundary }) => (
-        <ComponentError
-          componentName="BrowserNotifyModal"
-          message={e.message}
-          retryFunction={resetErrorBoundary}
-        />
-      )}
-    >
-		<YourFunctionality/>
-</ErrorBoundary
+  fallbackRender={({ error, resetErrorBoundary }) => (
+    <ComponentError
+      componentName="DesktopContent"
+      message={error.message}
+      retryFunction={resetErrorBoundary}
+    />
+  )}
+>
+  <YourComponent />
+</ErrorBoundary>
 ```
 
 ## Storybook