From 847ee5521efe2305a20876676a565fcc441d7e42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20J=C3=A4derberg?=
 <joakim.jaderberg@scandichotels.com>
Date: Wed, 20 Nov 2024 12:14:56 +0100
Subject: [PATCH] fix: use suspense over loading.tsx

---
 app/[lang]/(live)/@sitewidealert/loading.tsx |  3 ---
 app/[lang]/(live)/@sitewidealert/page.tsx    | 10 ++++++++--
 2 files changed, 8 insertions(+), 5 deletions(-)
 delete mode 100644 app/[lang]/(live)/@sitewidealert/loading.tsx

diff --git a/app/[lang]/(live)/@sitewidealert/loading.tsx b/app/[lang]/(live)/@sitewidealert/loading.tsx
deleted file mode 100644
index f15322a81..000000000
--- a/app/[lang]/(live)/@sitewidealert/loading.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function Loading() {
-  return null
-}
diff --git a/app/[lang]/(live)/@sitewidealert/page.tsx b/app/[lang]/(live)/@sitewidealert/page.tsx
index 7c208ea69..d53c44531 100644
--- a/app/[lang]/(live)/@sitewidealert/page.tsx
+++ b/app/[lang]/(live)/@sitewidealert/page.tsx
@@ -1,3 +1,5 @@
+import { Suspense } from "react"
+
 import { env } from "@/env/server"
 
 import SitewideAlert, { preload } from "@/components/SitewideAlert"
@@ -11,7 +13,11 @@ export default function SitewideAlertPage({ params }: PageArgs<LangParams>) {
   }
 
   setLang(params.lang)
-  preload()
+  void preload()
 
-  return <SitewideAlert />
+  return (
+    <Suspense>
+      <SitewideAlert />
+    </Suspense>
+  )
 }