diff --git a/.storybook/preview.ts b/.storybook/preview.tsx
similarity index 66%
rename from .storybook/preview.ts
rename to .storybook/preview.tsx
index a6be491..864a72a 100644
--- a/.storybook/preview.ts
+++ b/.storybook/preview.tsx
@@ -3,6 +3,11 @@ import "../src/main.css";
 import type { Preview } from "@storybook/react";
 
 import { withThemeByDataAttribute } from "@storybook/addon-themes";
+import { createRouter, RouterContextProvider } from "@tanstack/react-router";
+
+import { routeTree } from "@/route-tree.gen";
+
+const router = createRouter({ routeTree });
 
 const preview = {
   decorators: [
@@ -14,6 +19,11 @@ const preview = {
         light: "light",
       },
     }),
+    (story) => {
+      return (
+        <RouterContextProvider router={router}>{story()}</RouterContextProvider>
+      );
+    },
   ],
 
   parameters: {
diff --git a/bun.lockb b/bun.lockb
index ecc54ea..c140110 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index c65fe03..41882d2 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
   "prettier": "@jimmy.codes/prettier-config",
   "dependencies": {
     "@tanstack/react-query": "5.59.20",
-    "@tanstack/react-router": "1.79.0",
+    "@tanstack/react-router": "1.81.1",
     "clsx": "2.1.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -34,9 +34,9 @@
   },
   "devDependencies": {
     "@iconify-json/logos": "1.2.3",
-    "@iconify-json/lucide": "1.2.12",
+    "@iconify-json/lucide": "1.2.13",
     "@iconify/tailwind": "1.1.3",
-    "@jimmy.codes/eslint-config": "3.8.0",
+    "@jimmy.codes/eslint-config": "3.11.1",
     "@jimmy.codes/prettier-config": "1.3.0",
     "@playwright/test": "1.48.2",
     "@storybook/addon-a11y": "8.4.2",
@@ -48,7 +48,7 @@
     "@storybook/react-vite": "8.4.2",
     "@tailwindcss/typography": "0.5.15",
     "@tanstack/react-query-devtools": "5.59.20",
-    "@tanstack/router-devtools": "1.79.0",
+    "@tanstack/router-devtools": "1.81.1",
     "@tanstack/router-vite-plugin": "1.79.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.6.3",
@@ -69,9 +69,9 @@
     "happy-dom": "15.11.0",
     "is-ci": "3.0.1",
     "jiti": "2.4.0",
-    "knip": "5.36.3",
+    "knip": "5.36.5",
     "lefthook": "1.8.2",
-    "msw": "2.6.2",
+    "msw": "2.6.3",
     "postcss": "8.4.47",
     "prettier": "3.3.3",
     "storybook": "8.4.2",
@@ -79,7 +79,7 @@
     "turbo": "2.2.3",
     "typescript": "5.6.3",
     "vite": "5.4.10",
-    "vite-tsconfig-paths": "5.1.0",
+    "vite-tsconfig-paths": "5.1.2",
     "vitest": "2.1.4"
   },
   "packageManager": "bun@1.1.34"
diff --git a/src/pages/error.stories.tsx b/src/pages/error.stories.tsx
new file mode 100644
index 0000000..c0a2f47
--- /dev/null
+++ b/src/pages/error.stories.tsx
@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Error as ErrorComponent } from "./error";
+
+const meta = {
+  component: ErrorComponent,
+  title: "Pages/Error",
+} satisfies Meta<typeof ErrorComponent>;
+
+export default meta;
+
+type Story = StoryObj<typeof ErrorComponent>;
+
+export const Error: Story = {
+  args: {
+    error: { message: "Something went wrong!", name: "Error" },
+  },
+};
diff --git a/src/pages/not-found.stories.tsx b/src/pages/not-found.stories.tsx
new file mode 100644
index 0000000..5bb0f3f
--- /dev/null
+++ b/src/pages/not-found.stories.tsx
@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { NotFound as NotFoundComponent } from "./not-found";
+
+const meta = {
+  component: NotFoundComponent,
+  title: "Pages/NotFound",
+} satisfies Meta<typeof NotFound>;
+
+export default meta;
+
+type Story = StoryObj<typeof NotFoundComponent>;
+
+export const NotFound: Story = {};