diff --git a/web/components/layouts/Main/Main.stories.tsx b/web/components/layouts/Main/Main.stories.tsx
index b1d2573d7..9c63c2b85 100644
--- a/web/components/layouts/Main/Main.stories.tsx
+++ b/web/components/layouts/Main/Main.stories.tsx
@@ -34,6 +34,12 @@ const meta = {
   title: 'owncast/Layout/Main',
   parameters: {
     layout: 'fullscreen',
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
   },
 } satisfies Meta<typeof Main>;
 
diff --git a/web/components/ui/Footer/Footer.stories.tsx b/web/components/ui/Footer/Footer.stories.tsx
index 42a0604f4..46b6ea4c4 100644
--- a/web/components/ui/Footer/Footer.stories.tsx
+++ b/web/components/ui/Footer/Footer.stories.tsx
@@ -5,7 +5,14 @@ import { Footer } from './Footer';
 const meta = {
   title: 'owncast/Layout/Footer',
   component: Footer,
-  parameters: {},
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
+  },
 } satisfies Meta<typeof Footer>;
 
 export default meta;
diff --git a/web/components/ui/Header/Header.stories.tsx b/web/components/ui/Header/Header.stories.tsx
index 45b0519e1..9cccf8326 100644
--- a/web/components/ui/Header/Header.stories.tsx
+++ b/web/components/ui/Header/Header.stories.tsx
@@ -7,6 +7,12 @@ const meta = {
   component: Header,
   parameters: {
     chromatic: { diffThreshold: 0.75 },
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
   },
 } satisfies Meta<typeof Header>;
 
diff --git a/web/components/ui/OfflineBanner/OfflineBanner.stories.tsx b/web/components/ui/OfflineBanner/OfflineBanner.stories.tsx
index 1b1b73ab5..662e85be6 100644
--- a/web/components/ui/OfflineBanner/OfflineBanner.stories.tsx
+++ b/web/components/ui/OfflineBanner/OfflineBanner.stories.tsx
@@ -17,6 +17,12 @@ const meta = {
         component: `When the stream is offline the player should be replaced by this banner that can support custom text and notify actions.`,
       },
     },
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        searchParams: {},
+      },
+    },
   },
 } satisfies Meta<typeof OfflineBanner>;