From 648055f4055c0499e894ff4fd38b1a6e9ef47327 Mon Sep 17 00:00:00 2001
From: Krishna Ayyalasomayajula <krishna@ayyalasomayajula.net>
Date: Mon, 1 Jun 2026 21:24:26 -0500
Subject: [PATCH] fix: spread props on MDX heading components to enable TOC IDs

---
 mdx-components.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/mdx-components.tsx b/mdx-components.tsx
index 6d95c43..97e1948 100644
--- a/mdx-components.tsx
+++ b/mdx-components.tsx
@@ -4,19 +4,19 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
   return {
     ...components,
     // Typography
-    h1: ({ children }) => (
-      <h1 className="scroll-m-20 font-sans text-4xl font-extrabold tracking-tight lg:text-5xl mt-10 mb-4 text-ink">
-        {children}
+    h1: (props) => (
+      <h1 {...props} className="scroll-m-20 font-sans text-4xl font-extrabold tracking-tight lg:text-5xl mt-10 mb-4 text-ink">
+        {props.children}
       </h1>
     ),
-    h2: ({ children }) => (
-      <h2 className="scroll-m-20 border-b border-border pb-2 font-sans text-3xl font-semibold tracking-tight mt-12 mb-4 first:mt-0 text-ink">
-        {children}
+    h2: (props) => (
+      <h2 {...props} className="scroll-m-20 border-b border-border pb-2 font-sans text-3xl font-semibold tracking-tight mt-12 mb-4 first:mt-0 text-ink">
+        {props.children}
       </h2>
     ),
-    h3: ({ children }) => (
-      <h3 className="scroll-m-20 font-sans text-2xl font-semibold tracking-tight mt-8 mb-3 text-ink">
-        {children}
+    h3: (props) => (
+      <h3 {...props} className="scroll-m-20 font-sans text-2xl font-semibold tracking-tight mt-8 mb-3 text-ink">
+        {props.children}
       </h3>
     ),
     p: ({ children }) => (