From 363caa82f59cb813e82f369395423a42dbddfc0c Mon Sep 17 00:00:00 2001
From: TaeeunKim <xodms0309@naver.com>
Date: Thu, 18 Apr 2024 16:59:55 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?Link=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../RecipeSearchResultPreviewList.tsx                      | 4 +---
 src/pages/RecipeSearchListPage/RecipeSearchListPage.tsx    | 7 ++-----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/Search/RecipeSearchResultPreviewList/RecipeSearchResultPreviewList.tsx b/src/components/Search/RecipeSearchResultPreviewList/RecipeSearchResultPreviewList.tsx
index c47a0d2c..4786a2c0 100644
--- a/src/components/Search/RecipeSearchResultPreviewList/RecipeSearchResultPreviewList.tsx
+++ b/src/components/Search/RecipeSearchResultPreviewList/RecipeSearchResultPreviewList.tsx
@@ -32,9 +32,7 @@ const RecipeSearchResultPreviewList = ({ searchQuery }: RecipeSearchResultPrevie
       {displaySlice(false, recipes, 4).map((recipe, idx) => (
         <li key={recipe.id}>
           {idx < 4 ? (
-            <Link to={`${PATH.RECIPE}/${recipe.id}`}>
-              <DefaultRecipeItem recipe={recipe} />
-            </Link>
+            <DefaultRecipeItem recipe={recipe} />
           ) : (
             <Link to={`${PATH.SEARCH}/recipes?query=${searchQuery}`} className={linkWrapper}>
               <div className={showMore}>
diff --git a/src/pages/RecipeSearchListPage/RecipeSearchListPage.tsx b/src/pages/RecipeSearchListPage/RecipeSearchListPage.tsx
index fcfdd490..eee7a8c5 100644
--- a/src/pages/RecipeSearchListPage/RecipeSearchListPage.tsx
+++ b/src/pages/RecipeSearchListPage/RecipeSearchListPage.tsx
@@ -1,12 +1,11 @@
 import { useRef } from 'react';
-import { Link, useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router-dom';
 
 import { listWrapper } from './recipeSearchListPage.css';
 
 import { PageHeader } from '@/components/Common';
 import { DefaultRecipeItem } from '@/components/Recipe';
 import SearchNotFound from '@/components/Search/SearchNotFound/SearchNotFound';
-import { PATH } from '@/constants/path';
 import { useIntersectionObserver } from '@/hooks/common';
 import { useInfiniteRecipeSearchResultsQuery } from '@/hooks/queries/search';
 
@@ -30,9 +29,7 @@ export const RecipeSearchListPage = () => {
       <ul className={listWrapper}>
         {recipes.map((recipe) => (
           <li key={recipe.id}>
-            <Link to={`${PATH.RECIPE}/${recipe.id}`}>
-              <DefaultRecipeItem recipe={recipe} />
-            </Link>
+            <DefaultRecipeItem recipe={recipe} />
           </li>
         ))}
       </ul>