Include captureOwnerStack in error handling examples

i.e. everywhere I found mention of `"componentStack"`
reactjs · Jan 14, 2025 · 08b6a85 · 08b6a85
1 parent 4b1f5cb
commit 08b6a85
Show file tree

Hide file tree

Showing 6 changed files with 249 additions and 106 deletions.
diff --git a/src/components/MDX/CodeBlock/CodeBlock.tsx b/src/components/MDX/CodeBlock/CodeBlock.tsx
@@ -336,6 +336,7 @@ function getInlineDecorators(
             line.step === 3,
           'bg-green-40 border-green-40 text-green-60 dark:text-green-30':
             line.step === 4,
+          // TODO: Some codeblocks use up to 6 steps.
         }
       ),
     })

diff --git a/src/components/MDX/MDXComponents.tsx b/src/components/MDX/MDXComponents.tsx
@@ -119,6 +119,20 @@ const CanaryBadge = ({title}: {title: string}) => (
   </span>
 );
 
+const ExperimentalBadge = ({title}: {title: string}) => (
+  <span
+    title={title}
+    className={
+      'text-base font-display px-1 py-0.5 font-bold bg-gray-10 dark:bg-gray-60 text-gray-60 dark:text-gray-10 rounded'
+    }>
+    <IconCanary
+      size="s"
+      className={'inline me-1 mb-0.5 text-sm text-gray-60 dark:text-gray-10'}
+    />
+    Experimental only
+  </span>
+);
+
 const NextMajorBadge = ({title}: {title: string}) => (
   <span
     title={title}
@@ -511,6 +525,7 @@ export const MDXComponents = {
   Note,
   Canary,
   CanaryBadge,
+  ExperimentalBadge,
   NextMajor,
   NextMajorBadge,
   RSC,