From 4562ad80599900b2686d5e69603b7d49771145a7 Mon Sep 17 00:00:00 2001
From: r-freeman <hello@ryanfreeman.dev>
Date: Wed, 18 Sep 2024 18:37:40 +0100
Subject: [PATCH] Fix issue heading issue

---
 mdx-components.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/mdx-components.tsx b/mdx-components.tsx
index 7275e0c..1605d05 100644
--- a/mdx-components.tsx
+++ b/mdx-components.tsx
@@ -9,7 +9,8 @@ import {createSlug} from './lib/createSlug'
 // This file is required to use MDX in `app` directory.
 export function useMDXComponents(components: MDXComponents): MDXComponents {
     return {
-        h2: ({children}) => <h2>{children}<a className='ml-1' href={`#${createSlug(children)}`}>#</a></h2>,
+        // @ts-ignore TS18049
+        h2: ({children}) => <h2>{children}<a className='ml-1' href={`#${createSlug(children.toString())}`}>#</a></h2>,
         // Allows customizing built-in components, e.g. to add styling.
         // h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>,
         ...components,