diff --git a/lib/src/runtime/composables/useAsyncStoryblok.ts b/lib/src/runtime/composables/useAsyncStoryblok.ts
index 18f7b8c0..5ad6df80 100644
--- a/lib/src/runtime/composables/useAsyncStoryblok.ts
+++ b/lib/src/runtime/composables/useAsyncStoryblok.ts
@@ -26,8 +26,8 @@ export const useAsyncStoryblok = async (
     () => storyblokApiInstance.get(`cdn/stories/${url}`, apiOptions),
   );
 
-  if (error.value?.response.status >= 400 && error.value?.response.status < 600) {
-    throw createError({ statusCode: error.value?.response.status, statusMessage: error.value?.message.message });
+  if (error.value?.response && error.value?.response.status >= 400 && error.value?.response.status < 600) {
+    throw createError({ statusCode: error.value?.response.status, statusMessage: error.value?.message?.message || 'Something went wrong when fetching from storyblok.' });
   }
 
   story.value = data.value?.data.story;
diff --git a/playground/pages/[...slug].vue b/playground/pages/[...slug].vue
new file mode 100644
index 00000000..9542780c
--- /dev/null
+++ b/playground/pages/[...slug].vue
@@ -0,0 +1,20 @@
+<script setup>
+const route = useRoute();
+
+const story = ref();
+try {
+  story.value = await useAsyncStoryblok(route.path, {
+    version: "draft",
+    language: "en",
+    resolve_relations: ["popular-articles.articles"]
+  });
+} catch (error) {
+  console.log(error);
+}
+</script>
+
+<template>
+  <div>
+    {{ story }}
+  </div>
+</template>