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,