From 4d72102974b3c9e62b5c71ee8b5d6145ea6526f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=98=88=EC=9B=90?= <yaewon4643@naver.com>
Date: Tue, 3 Dec 2024 13:36:33 +0900
Subject: [PATCH] =?UTF-8?q?fix(#31):=20=EB=A6=AC=EB=B7=B0=20=EB=AA=A9?=
 =?UTF-8?q?=EB=A1=9D=20=EB=93=9C=EB=A1=AD=EB=8B=A4=EC=9A=B4=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0=20=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                           |  2 +-
 src/app/place/placedetail/page.jsx                     | 10 +++++++++-
 .../mypage/myreviews/ReviewCard/ReviewCard.jsx         |  4 ++--
 yarn.lock                                              |  2 +-
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 9db84b9..d331a1e 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "@storybook/test": "8.4.4",
     "babel-plugin-styled-components": "^2.1.4",
     "eslint": "^8",
-    "eslint-config-next": "15.0.3",
+    "eslint-config-next": "^15.0.3",
     "eslint-plugin-storybook": "^0.11.0",
     "storybook": "8.4.4"
   }
diff --git a/src/app/place/placedetail/page.jsx b/src/app/place/placedetail/page.jsx
index 6fdda62..fa8122e 100644
--- a/src/app/place/placedetail/page.jsx
+++ b/src/app/place/placedetail/page.jsx
@@ -1,5 +1,5 @@
 "use client";
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, Suspense } from "react";
 import styled from "styled-components";
 import { useJsApiLoader } from "@react-google-maps/api";
 import ImageContainer from "@/components/place/placedetail/ImageContainer/ImageContainer";
@@ -14,6 +14,14 @@ import { WithMapIcon } from "@/components/common/Header/Header.stories";
 import { cards } from "@/data/cardsData";
 
 const PlaceDetailPage = () => {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <ActualPlaceDetailPage />
+    </Suspense>
+  )
+}
+
+const ActualPlaceDetailPage = () => {
   const searchParams = useSearchParams();
   const id = parseInt(searchParams.get("id"), 10);
   const router = useRouter();
diff --git a/src/components/mypage/myreviews/ReviewCard/ReviewCard.jsx b/src/components/mypage/myreviews/ReviewCard/ReviewCard.jsx
index 4cc4e54..c5d216c 100644
--- a/src/components/mypage/myreviews/ReviewCard/ReviewCard.jsx
+++ b/src/components/mypage/myreviews/ReviewCard/ReviewCard.jsx
@@ -51,9 +51,9 @@ const ReviewCard = ({ review }) => {
             </TextContent>
           </AuthorInfo>
           <Actions>
-            <MoreVert onClick={handleDropdownToggle} />
+            <MoreVert ref={dropdownRef} onClick={handleDropdownToggle} />
             {isDropdownActive && (
-              <Dropdown ref={dropdownRef}>
+              <Dropdown>
                 <DropdownItem>수정</DropdownItem>
                 <DropdownItem>삭제</DropdownItem>
               </Dropdown>
diff --git a/yarn.lock b/yarn.lock
index 62ca93d..b5d7a4c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4548,7 +4548,7 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-eslint-config-next@15.0.3:
+eslint-config-next@^15.0.3:
   version "15.0.3"
   resolved "https://registry.yarnpkg.com/eslint-config-next/-/eslint-config-next-15.0.3.tgz#b483585260d5e55050d4ab87e053c88089ae12ee"
   integrity sha512-IGP2DdQQrgjcr4mwFPve4DrCqo7CVVez1WoYY47XwKSrYO4hC0Dlb+iJA60i0YfICOzgNADIb8r28BpQ5Zs0wg==