From 845dee2aba79f3a0ca4def33e4d7c7722bf99faf Mon Sep 17 00:00:00 2001
From: Otfrugger <296287929+Otfrugger@users.noreply.github.com>
Date: Fri, 28 Aug 2026 19:14:00 +0100
Subject: [PATCH] fix(web): remove nested <html><body> from the receipt
 not-found branch
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

apps/web/app/r/[reference]/page.tsx's catch branch returned its own
<html><body> wrapper from inside the root layout, which already supplies
both — invalid nested-document markup, causing hydration warnings. Every
other not-found branch in the app (e.g. apps/web/app/pay/[id]/page.tsx)
returns a bare <main> fragment; this one now matches. Checked the rest of
apps/web/app for the same shape (grep -rn '<html') — no other occurrence
outside the root layout.
---
 apps/web/app/r/[reference]/page.tsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)
diff --git a/apps/web/app/r/[reference]/page.tsx b/apps/web/app/r/[reference]/page.tsx
index 2ec9ccf78..f6c35146c 100644
--- a/apps/web/app/r/[reference]/page.tsx
+++ b/apps/web/app/r/[reference]/page.tsx
@@ -34,16 +34,12 @@ export default async function ReceiptPage({ params }: { params: Promise<{ refere
     receipt = await api.getReceipt(reference);
   } catch {
     return (
-      <html lang="en">
-        <body>
-          <main className="shell shell--narrow" style={{ textAlign: "center", paddingTop: 80 }}>
-            <div className="panel">
-              <h2 style={{ fontSize: 18, marginBottom: 8, color: "var(--text)" }}>Receipt not found</h2>
-              <p className="muted">No payment found for this reference. The link may still be awaiting payment, or the reference is incorrect.</p>
-            </div>
-          </main>
-        </body>
-      </html>
+      <main className="shell shell--narrow" style={{ textAlign: "center", paddingTop: 80 }}>
+        <div className="panel">
+          <h2 style={{ fontSize: 18, marginBottom: 8, color: "var(--text)" }}>Receipt not found</h2>
+          <p className="muted">No payment found for this reference. The link may still be awaiting payment, or the reference is incorrect.</p>
+        </div>
+      </main>
     );
   }
 
