diff --git a/components/ui/Heading.tsx b/components/ui/Heading.tsx
index 4537d8a..e076bba 100644
--- a/components/ui/Heading.tsx
+++ b/components/ui/Heading.tsx
@@ -1,4 +1,3 @@
-// @ts-nocheck
 import {ElementType, ReactNode} from 'react'
 import {createSlug} from '@/lib/createSlug'
 import Link from 'next/link'
@@ -8,12 +7,14 @@ type HeadingProps = {
     children: ReactNode
 }
 
-export function Heading({as: Component = 'h1', children}: HeadingProps) {
+export function Heading({as: Component = 'h1', children = null}: HeadingProps) {
+    let headingText = children ? children.toString() : ''
+
     return (
-        <Component id={createSlug(children.toString())} className='group'>
+        <Component id={createSlug(headingText)} className='group'>
             {children}
             <Link className='ml-1 group-hover:opacity-100 opacity-0 transition-opacity ease-in'
-                  href={`#${createSlug(children.toString())}`}>#</Link>
+                  href={`#${createSlug(headingText)}`}>#</Link>
         </Component>
     )
 }
\ No newline at end of file