🛠 fix : 출처 컴포넌트 예외처리

dnd-side-project · Nov 29, 2023 · d909e94 · d909e94
1 parent ac9d33f
commit d909e94
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/app/(Sub)/detail/[id]/components/DetailSection.tsx b/src/app/(Sub)/detail/[id]/components/DetailSection.tsx
@@ -36,7 +36,7 @@ export default function DetailSection({ poseId }: DetailSectionProps) {
 
   return (
     <div className="overflow-y-auto pb-160">
-      <Source source={source} url={sourceUrl} />
+      {source && <Source source={source} url={sourceUrl} />}
       <div className="flex justify-center">
         <div className="relative">
           <Image
@@ -54,7 +54,6 @@ export default function DetailSection({ poseId }: DetailSectionProps) {
         <TagButton type="frame" value={frameCount} name={`${frameCount}컷`} />
         {tagAttributes?.split(',').map((tag, index) => <TagButton key={index} name={tag} />)}
       </div>
-
       <BottomFixedDiv className="flex gap-8">
         <Button className="max-w-120 bg-sub-white" type="button" onClick={handleShareLink}>
           링크 공유

diff --git a/src/components/Overlay/useOverlay.tsx b/src/components/Overlay/useOverlay.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { useContext, useEffect, useMemo, useRef, useState } from 'react';
 
 import { OverlayControlRef, OverlayController } from './OverlayController';

diff --git a/src/hooks/useKakaoShare.ts b/src/hooks/useKakaoShare.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect } from 'react';
 
 import { KAKAO_KEY } from '@/constants';