diff --git a/packages/doorman-ui/src/pages/DoorPage.tsx b/packages/doorman-ui/src/pages/DoorPage.tsx
index 3a35ffa..af5bb68 100644
--- a/packages/doorman-ui/src/pages/DoorPage.tsx
+++ b/packages/doorman-ui/src/pages/DoorPage.tsx
@@ -3,8 +3,8 @@ import { useLoaderData, useNavigate, useSearchParams } from "react-router-dom";
 import { AppLayout, BreadcrumbGroup, Container, Flashbar, FlashbarProps, Header, SideNavigation, SpaceBetween, TextContent, Wizard } from "@cloudscape-design/components";
 import { AuthComponent, IAuthMode } from "../components/AuthComponent";
 import OtpInput from 'react-otp-input';
-import type { IDoorResponse } from "../../../server/src/types/IDoorResponse";
 import { CountdownBar } from "../components/CountdownBar";
+import { DoorResponse } from "../types/DoorResponse";
 
 export async function loader({ params, request }: any) {
   const door = new URL(request.url).searchParams.get('door');
@@ -17,7 +17,7 @@ export async function loader({ params, request }: any) {
     throw new Error("Not a valid door");
   }
 
-  return response as IDoorResponse;
+  return response as DoorResponse;
 }
 
 interface SelectOption {
@@ -31,7 +31,7 @@ const selectOptions: SelectOption[] = [
 ];
 
 export function DoorPage() {
-  const doorResponse = useLoaderData() as IDoorResponse;
+  const doorResponse = useLoaderData() as DoorResponse;
   const navigate = useNavigate();
   const door = doorResponse.id;
   const [ step, setStep ] = useState(0);
@@ -279,4 +279,4 @@ export function DoorPage() {
       }
     />
   );
-}
\ No newline at end of file
+}
diff --git a/packages/doorman-ui/src/types/DoorResponse.ts b/packages/doorman-ui/src/types/DoorResponse.ts
new file mode 100644
index 0000000..7e58947
--- /dev/null
+++ b/packages/doorman-ui/src/types/DoorResponse.ts
@@ -0,0 +1,5 @@
+export interface DoorResponse {
+  id: string,
+  timeout: number;
+  buzzerCode: string;
+};