diff --git a/src/components/Code.astro b/src/components/Code.astro
index ca7a7cd..4e7ed07 100644
--- a/src/components/Code.astro
+++ b/src/components/Code.astro
@@ -2,7 +2,7 @@
 import { native_highlighter } from "../lexer/highlighter";
 import CodeError from "./docs/CodeError.astro";
 
-const { thpcode } = Astro.props;
+const { thpcode, no_warnings } = Astro.props;
 
 const [native_html, error_type, error_message] = await native_highlighter(thpcode);
 ---
@@ -11,7 +11,7 @@ const [native_html, error_type, error_message] = await native_highlighter(thpcod
     class="language-thp"><code class="language-thp" set:html={native_html} /><span class="absolute top-2 right-2 inline-block text-sm select-none opacity-75">thp
     </span></pre>
 {
-    error_message !== null && (
-        <CodeError error_type={error_type} error_message={error_message}></CodeError>
+    no_warnings !== true && error_message !== null && (
+        <CodeError error_type={error_type} error_message={error_message} />
     )
 }
diff --git a/src/components/CodeEditor.astro b/src/components/CodeEditor.astro
index 0cf77a1..b310d07 100644
--- a/src/components/CodeEditor.astro
+++ b/src/components/CodeEditor.astro
@@ -1,11 +1,11 @@
 ---
 import Code from "./Code.astro"
 
-const { thpcode } = Astro.props;
+const { thpcode, no_warnings } = Astro.props;
 ---
 
 <div class="flex h-full py-8 items-center">
     <div class="p-4 w-full">
-        <Code thpcode={thpcode} />
+        <Code thpcode={thpcode} no_warnings={no_warnings} />
     </div>
 </div>
diff --git a/src/components/HeroSection.astro b/src/components/HeroSection.astro
index 86b5766..a0baa0d 100644
--- a/src/components/HeroSection.astro
+++ b/src/components/HeroSection.astro
@@ -30,7 +30,7 @@ if (!title) {
             </div>
         </div>
         <div>
-            <CodeEditor thpcode={thpcode} />
+            <CodeEditor thpcode={thpcode} no_warnings={true} />
         </div>
     </div>
 </div>
diff --git a/src/components/docs/CodeMin.astro b/src/components/docs/CodeMin.astro
index 85b1777..3bfc79b 100644
--- a/src/components/docs/CodeMin.astro
+++ b/src/components/docs/CodeMin.astro
@@ -3,7 +3,7 @@ import { native_highlighter } from "../../lexer/highlighter";
 
 const { thpcode, href } = Astro.props;
 
-const native_html = await native_highlighter(thpcode);
+const [native_html] = await native_highlighter(thpcode);
 ---
 
 <a href={href} class="inline-block w-full py-2 font-mono whitespace-pre" set:html={native_html} />
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 2de652d..0d7cc3b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -24,6 +24,8 @@ case Cat(name, lives)
 {
     print("{name} has {lives}")
 }`;
+
+const [thp_html] = await native_highlighter(leftTrimDedent(thpcode).join("\n"));
 ---
 
 <BaseLayout>
@@ -118,7 +120,7 @@ case Cat(name, lives)
                     </svg>
                     <div class="h-1"></div>
                     <div id="editor" class="font-mono language-thp">
-                        <pre set:html={native_highlighter(leftTrimDedent(thpcode).join("\n"))}></pre>
+                        <pre set:html={thp_html}></pre>
                     </div>
                 </div>
             </div>