diff --git a/docs/API/canvas.mdx b/docs/API/canvas.mdx
index 6263e40323..cdd71f4e0a 100644
--- a/docs/API/canvas.mdx
+++ b/docs/API/canvas.mdx
@@ -85,13 +85,13 @@ import { useErrorBoundary } from 'use-error-boundary'
 function App() {
   const { ErrorBoundary, didCatch, error } = useErrorBoundary()
   return didCatch ? (
+    <div>{error.message}</div>
+  ) : (
     <ErrorBoundary>
       <Canvas>
         <mesh />
       </Canvas>
     </ErrorBoundary>
-  ) : (
-    <div>{error.message}</div>
   )
 }
 ```