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;