diff --git a/custom/basic-call/pages/not-found.js b/custom/basic-call/pages/not-found.js
index 1e9a56c..45d5408 100644
--- a/custom/basic-call/pages/not-found.js
+++ b/custom/basic-call/pages/not-found.js
@@ -5,9 +5,11 @@ import { useRouter } from 'next/router';
 export default function RoomNotFound() {
   const router = useRouter();
 
+  const returnToHomePage = () => router.push('/');
+
   return (
     <div className="not-found">
-      <MessageCard error header="Room not found" onBack={() => router.push('/')}>
+      <MessageCard error header="Room not found" onBack={returnToHomePage}>
         The room you are trying to join does not exist. Have you created the
         room using the Daily REST API or the dashboard?
       </MessageCard>