fix: storybook

Author: yn1323

.storybook/main.ts

@@ -27,6 +27,8 @@ const config: StorybookConfig = {
       "@/src": path.resolve(__dirname, "../src"),
       "@/e2e": path.resolve(__dirname, "../e2e"),
       "@/convex": path.resolve(__dirname, "../convex"),
+      "convex/react": path.resolve(__dirname, "mocks/convex-react.ts"),
+      "convex/react-clerk": path.resolve(__dirname, "mocks/convex-react.ts"),
     };
 
     return config;

.storybook/mocks/convex-react.ts

@@ -0,0 +1,9 @@
+// Storybook用のconvex/reactモック
+// useMutation/useQuery/useActionを何もしないスタブに差し替える
+
+export const useQuery = () => undefined;
+export const useMutation = () => async () => {};
+export const useAction = () => async () => {};
+export const useConvex = () => ({});
+export const useConvexConnectionState = () => ({ isConnected: false });
+export const ConvexProvider = ({ children }: { children: React.ReactNode }) => children;