From f4f46eec44d5a64c5341af53168608351c723787 Mon Sep 17 00:00:00 2001
From: Jared Schoeny <jared@schoeny.com>
Date: Thu, 6 Nov 2025 01:46:44 -1000
Subject: [PATCH] Fix missing suspense error for contact page

---
 src/app/contact/page.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index c2f2fc9..9fb3983 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,10 +1,8 @@
 import Link from "next/link";
+import { Suspense } from "react";
 import ContactForm from "@/components/Contact/ContactForm";
 
 export default function ContactPage() {
-  const copyrightEmail = process.env.EMAIL_COPYRIGHT!;
-  const contactEmail = process.env.EMAIL_CONTACT!;
-
   return (
     <div className="mx-auto my-auto max-w-2xl w-full px-6 py-10">
       <div className="card p-6">
@@ -16,11 +14,11 @@ export default function ContactPage() {
           For intellectual property concerns (DMCA), please see our <Link className="text-[var(--accent)] hover:underline" href="/terms">Terms of Service</Link>.
         </p>
         <div className="mt-6">
-          <ContactForm />
+          <Suspense fallback={<div>Loading...</div>}>
+            <ContactForm />
+          </Suspense>
         </div>
       </div>
     </div>
   );
 }
-
-