Fix room not found error

www/app/[roomName]/page.tsx

@@ -5,6 +5,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import { Box, Button, Text, VStack, HStack, Spinner } from "@chakra-ui/react";
 import useRoomMeeting from "./useRoomMeeting";
 import { useRouter } from "next/navigation";
+import { notFound } from "next/navigation";
 import useSessionStatus from "../lib/useSessionStatus";
 
 export type RoomDetails = {
@@ -34,6 +35,17 @@ export default function Room(details: RoomDetails) {
     setConsentGiven(consent);
   };
 
+  useEffect(() => {
+    if (
+      !isLoading &&
+      meeting?.error &&
+      "status" in meeting.error &&
+      meeting.error.status === 404
+    ) {
+      notFound();
+    }
+  }, [isLoading, meeting?.error]);
+
   useEffect(() => {
     if (isLoading || !isAuthenticated || !roomUrl) return;
 

www/app/[roomName]/useRoomMeeting.tsx

@@ -3,6 +3,7 @@ import { useError } from "../(errors)/errorContext";
 import { Meeting } from "../api";
 import { shouldShowError } from "../lib/errorUtils";
 import useApi from "../lib/useApi";
+import { notFound } from "next/navigation";
 
 type ErrorMeeting = {
   error: Error;
@@ -52,7 +53,7 @@ const useRoomMeeting = (
       })
       .catch((error) => {
         const shouldShowHuman = shouldShowError(error);
-        if (shouldShowHuman) {
+        if (shouldShowHuman && error.status !== 404) {
           setError(
             error,
             "There was an error loading the meeting. Please try again by refreshing the page."