From 2a02fc4c5e95757a4772f7ed27d14d2f9469392d Mon Sep 17 00:00:00 2001
From: cloud0406 <cloud0406@naver.com>
Date: Wed, 5 Feb 2025 11:17:34 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B[Fix]=20storybook=20router=20?=
 =?UTF-8?q?=EC=97=90=EB=9F=AC=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ChatBubbleList.stories.tsx                | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/features/chat-room/container/chat-bubble-list/ChatBubbleList.stories.tsx b/src/features/chat-room/container/chat-bubble-list/ChatBubbleList.stories.tsx
index 9eda641a..e2a6a9f2 100644
--- a/src/features/chat-room/container/chat-bubble-list/ChatBubbleList.stories.tsx
+++ b/src/features/chat-room/container/chat-bubble-list/ChatBubbleList.stories.tsx
@@ -4,6 +4,7 @@ import { GroupedMessage } from '@/features/chat-room/types/chatBubbleList';
 import { useAuthStore } from '@/store/authStore';
 import { useEffect } from 'react';
 import { mockUser } from '@/mocks/mockDatas';
+import { useRouter } from 'next/navigation';
 
 const AuthDecorator = (Story: React.ComponentType) => {
   useEffect(() => {
@@ -16,10 +17,27 @@ const AuthDecorator = (Story: React.ComponentType) => {
   return <Story />;
 };
 
+const MockNextRouter = (Story: React.ComponentType) => {
+  const mockRouter = {
+    push: () => Promise.resolve(),
+    replace: () => Promise.resolve(),
+    prefetch: () => Promise.resolve(),
+    back: () => Promise.resolve(),
+    forward: () => Promise.resolve(),
+    refresh: () => Promise.resolve(),
+    pathname: '/',
+    query: {},
+  };
+
+  (useRouter as any).mockImplementation(() => mockRouter);
+
+  return <Story />;
+};
+
 const meta: Meta<typeof ChatBubbleList> = {
   title: 'Features/ChatRoom/ChatBubbleList',
   component: ChatBubbleList,
-  decorators: [AuthDecorator],
+  decorators: [AuthDecorator, MockNextRouter],
   parameters: {
     layout: 'centered',
   },