diff --git a/docs/1.getting-started/8.error-handling.md b/docs/1.getting-started/8.error-handling.md
index eba5308944..e340967ec1 100644
--- a/docs/1.getting-started/8.error-handling.md
+++ b/docs/1.getting-started/8.error-handling.md
@@ -156,9 +156,9 @@ If you navigate to another route, the error will be cleared automatically.
   <!-- some content -->
   <NuxtErrorBoundary @error="someErrorLogger">
     <!-- You use the default slot to render your content -->
-    <template #error="{ error }">
-      You can display the error locally here.
-      <button @click="error = null">
+    <template #error="{ error, clearError }">
+      You can display the error locally here: {{ error }}
+      <button @click="clearError">
         This will clear the error.
       </button>
     </template>
diff --git a/packages/nuxt/src/app/components/nuxt-error-boundary.ts b/packages/nuxt/src/app/components/nuxt-error-boundary.ts
index 271a157b6c..22b4c8ea51 100644
--- a/packages/nuxt/src/app/components/nuxt-error-boundary.ts
+++ b/packages/nuxt/src/app/components/nuxt-error-boundary.ts
@@ -19,6 +19,10 @@ export default defineComponent({
       }
     })
 
-    return () => error.value ? slots.error?.({ error }) : slots.default?.()
+    function clearError () {
+      error.value = null
+    }
+
+    return () => error.value ? slots.error?.({ error, clearError }) : slots.default?.()
   }
 })