upgrade storybook

Author: hugodutka

bun.lock

@@ -1,4 +1,4 @@
-import type { StorybookConfig } from "@storybook/experimental-nextjs-vite";
+import type { StorybookConfig } from "@storybook/nextjs-vite";
 import fs from "fs";
 import path from "path";
 import { fileURLToPath } from "url";
@@ -11,7 +11,7 @@ const config: StorybookConfig = {
     experimentalRSC: true,
   },
   framework: {
-    name: "@storybook/experimental-nextjs-vite",
+    name: "@storybook/nextjs-vite",
     options: {},
   },
   viteFinal: async (config) => {

packages/site/.storybook/main.ts

@@ -2,7 +2,7 @@ import { withFetch } from "@/.storybook/utils";
 import Layout from "@/app/(app)/layout";
 import { getQuerier } from "@/lib/database.mock";
 import type { Meta, StoryObj } from "@storybook/react";
-import { mocked } from "@storybook/test";
+import { mocked } from "storybook/test";
 import { SessionProvider } from "next-auth/react";
 import OrganizationLayout from "../layout";
 import AgentLayout from "./layout";

packages/site/app/(app)/[organization]/[agent]/page.stories.tsx

@@ -1,7 +1,7 @@
 import Layout from "@/app/(app)/layout";
 import { getQuerier } from "@/lib/database.mock";
 import type { Meta, StoryObj } from "@storybook/react";
-import { mocked } from "@storybook/test";
+import { mocked } from "storybook/test";
 import { SessionProvider } from "next-auth/react";
 import OrganizationLayout from "./layout";
 import OrganizationPage from "./page";

packages/site/app/(app)/[organization]/page.stories.tsx

@@ -2,7 +2,7 @@ import type {
   Organization,
   OrganizationMembership,
 } from "@blink.so/database/schema";
-import { fn } from "@storybook/test";
+import { fn } from "storybook/test";
 import type { Session } from "next-auth";
 
 export const auth = fn(async (): Promise<Session | null> => {

packages/site/app/(auth)/auth.mock.ts

@@ -1,6 +1,6 @@
 import { emailVerificationTokenCookieName } from "@/app/(auth)/auth";
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
 import EmailVerificationPage from "./page";
 

packages/site/app/(public)/email-verification/page.stories.tsx

@@ -1,7 +1,7 @@
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
-import { mocked } from "@storybook/test";
+import { mocked } from "storybook/test";
 import LoginPage from "./page";
 
 const meta: Meta<typeof LoginPage> = {

packages/site/app/(public)/login/page.stories.tsx

@@ -12,13 +12,13 @@ export const metadata: Metadata = {
 };
 
 interface LoginPageProps {
-  searchParams: {
+  searchParams: Promise<{
     error?: string;
     waitlist?: string;
     callbackUrl?: string;
     redirect?: string;
     reset?: string;
-  };
+  }>;
 }
 
 export default async function LoginPage({ searchParams }: LoginPageProps) {

packages/site/app/(public)/login/page.tsx

@@ -1,6 +1,6 @@
 import { passwordResetVerifiedCookieName } from "@/app/(auth)/auth";
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
 import ResetPasswordNewPage from "./page";
 

packages/site/app/(public)/reset-password/new/page.stories.tsx

@@ -1,6 +1,6 @@
 import { emailVerificationTokenCookieName } from "@/app/(auth)/auth";
 import Layout from "@/app/(public)/layout";
-import { cookies } from "@storybook/experimental-nextjs-vite/headers.mock";
+import { cookies } from "@storybook/nextjs-vite/headers.mock";
 import type { Meta, StoryObj } from "@storybook/react";
 import ResetVerificationPage from "./page";