diff --git a/lib/client/middleware.ts b/lib/client/middleware.ts
index ec32a45..bca7374 100644
--- a/lib/client/middleware.ts
+++ b/lib/client/middleware.ts
@@ -1,4 +1,7 @@
 import { SingleChapterResult } from "./types/slightlyDifferentStory";
+import { IChapter } from "~/models/stories/chapter";
+import { IStory } from "~/models/stories";
+import { messages } from "~/lib/server/constants";
 
 export const storyMiddleware = defineNuxtRouteMiddleware(async (to, from) => {
 	const { getSession } = useAuth();
@@ -8,6 +11,11 @@ export const storyMiddleware = defineNuxtRouteMiddleware(async (to, from) => {
 	const { data: story, error } = await useApiFetch<SingleChapterResult>(
 		to.path,
 	);
+	if (error.value) {
+		return showError(error.value);
+	} else if (!story.value) {
+		return showError({ statusCode: 404, message: messages[404] });
+	}
 	console.log("fns", story, error);
 	if (!data?.value?.user && story.value?.currentChapter.loggedInOnly) {
 		return navigateTo("/login");