Merge pull request #47 from DaengPlace/fix/#44

[Fix] Deploy 오류 해결

src/app/place/placemap/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 { useRouter, useSearchParams } from "next/navigation";
 import { useJsApiLoader } from "@react-google-maps/api";
@@ -15,6 +15,14 @@ import Header from "@/components/common/Header/Header";
 import { WithMapIcon } from "@/components/common/Header/Header.stories";
 
 const PlaceMap = () => {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <ActualPlaceMap />
+    </Suspense>
+  )
+}
+
+const ActualPlaceMap = () => {
   const searchParams = useSearchParams();
   const router = useRouter();
 

src/app/place/placesearch/page.jsx

@@ -1,5 +1,5 @@
 "use client";
-import React, { useState, useEffect, useRef } from "react";
+import React, { useState, useEffect, useRef, Suspense } from "react";
 import Image from "next/image";
 import styled from "styled-components";
 import { useRouter, useSearchParams } from "next/navigation";
@@ -16,6 +16,14 @@ import { WithMapIcon } from "@/components/common/Header/Header.stories";
 import KeyboardArrowUpIcon from "@mui/icons-material/KeyboardArrowUp";
 
 const PlaceSearchPage = () => {
+  return (
+    <Suspense fallback={<div>Loading...</div>}>
+      <ActualPlaceSearchPage />
+    </Suspense>
+  )
+}
+
+const ActualPlaceSearchPage = () => {
   const router = useRouter();
   const [isBottomSheetOpen, setIsBottomSheetOpen] = useState(false);
   const [selectedSido, setSelectedSido] = useState("");