fix: 스토리북 환경에서의 prefetch 비활성화

makevook · Jun 13, 2024 · 2ecec55 · 2ecec55
1 parent b32c5a0
commit 2ecec55
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/...ding)/onboarding/funnel/page._stories.tsx → ...rding)/onboarding/funnel/page.stories.tsx b/...ding)/onboarding/funnel/page._stories.tsx → ...rding)/onboarding/funnel/page.stories.tsx
diff --git a/apps/web/src/app/(onboarding)/onboarding/funnel/page.tsx b/apps/web/src/app/(onboarding)/onboarding/funnel/page.tsx
@@ -71,6 +71,8 @@ const OnboardingFunnelPage = () => {
     setFunnel(funnel)
   }
 
+  const isStorybook = process.env.IS_STORYBOOK !== undefined
+
   return (
     <div>
       <OnboardingHeader step={1} />
@@ -99,12 +101,12 @@ const OnboardingFunnelPage = () => {
         </SelectBoxGroup>
       </div>
       <div className={buttonGroup}>
-        <Link href="/onboarding/job">
+        <Link prefetch={!isStorybook} href="/onboarding/job">
           <Text type="body-2" color="label-alternative">
             건너뛰기
           </Text>
         </Link>
-        <Link href="/onboarding/job">
+        <Link prefetch={!isStorybook} href="/onboarding/job">
           <Button disabled={selectedFunnel === null} size="middle">
             다음
           </Button>

diff --git a/...oarding)/onboarding/job/page._stories.tsx → ...boarding)/onboarding/job/page.stories.tsx b/...oarding)/onboarding/job/page._stories.tsx → ...boarding)/onboarding/job/page.stories.tsx
diff --git a/apps/web/src/app/(onboarding)/onboarding/job/page.tsx b/apps/web/src/app/(onboarding)/onboarding/job/page.tsx
@@ -88,6 +88,8 @@ const OnboardingJobPage = () => {
     setJob(job)
   }
 
+  const isStorybook = process.env.IS_STORYBOOK !== undefined
+
   return (
     <div>
       <OnboardingHeader step={2} />
@@ -116,17 +118,17 @@ const OnboardingJobPage = () => {
         </SelectBoxGroup>
       </div>
       <div className={buttonGroup}>
-        <Link href="/">
+        <Link prefetch={!isStorybook} href="/">
           <Text type="body-2" color="label-alternative">
             건너뛰기
           </Text>
         </Link>
-        <Link href="/onboarding/funnel">
+        <Link prefetch={!isStorybook} href="/onboarding/funnel">
           <Button filled={false} blueLine={false} size="middle">
             뒤로가기
           </Button>
         </Link>
-        <Link href="/onboarding/job">
+        <Link prefetch={!isStorybook} href="/onboarding/job">
           <Button
             onClick={onSubmitFunnel}
             size="middle"

diff --git a/apps/workshop/.storybook/main.ts b/apps/workshop/.storybook/main.ts
@@ -88,6 +88,7 @@ const config: StorybookConfig = {
     return mergeConfig(config, {
       define: {
         'process.env.NEXT_PUBLIC_API_URL': false,
+        'process.env.IS_STORYBOOK': true,
       },
       plugins: [require('@vanilla-extract/vite-plugin').vanillaExtractPlugin()],
       esbuild: {