From fa7d8ecfdef5feaed02322f6e76436cef51bc9d8 Mon Sep 17 00:00:00 2001
From: jojopirker <j.pirker@gmail.com>
Date: Fri, 6 Jan 2023 17:01:27 +0100
Subject: [PATCH] Update index.tsx

---
 website/src/pages/messages/[id]/index.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/website/src/pages/messages/[id]/index.tsx b/website/src/pages/messages/[id]/index.tsx
index d455f256..bf7e97ea 100644
--- a/website/src/pages/messages/[id]/index.tsx
+++ b/website/src/pages/messages/[id]/index.tsx
@@ -9,10 +9,8 @@ import { MessageTableEntry } from "src/components/Messages/MessageTableEntry";
 import { LoadingScreen } from "src/components/Loading/LoadingScreen";
 import { MessageWithChildren } from "src/components/Messages/MessageWithChildren";
 
-const MessageDetail = () => {
+const MessageDetail = ({ id }) => {
   const mainBg = useColorModeValue("bg-slate-300", "bg-slate-900");
-  const router = useRouter();
-  const { id } = router.query;
 
   const [parent, setParent] = useState(null);
 
@@ -58,4 +56,9 @@ const MessageDetail = () => {
   );
 };
 
+MessageDetail.getInitialProps = async ({ query }) => {
+  const { id } = query;
+  return { id };
+};
+
 export default MessageDetail;