Merge pull request #14 from Moaguide-develop/feat/find

fix: useSearchParams CSR 오류

src/app/find/page.tsx

@@ -1,11 +1,16 @@
+'use client';
+
 import Navbar from '@/components/common/Navbar';
 import FindTabs from '@/components/find/FindTabs';
 import React from 'react';
+import { Suspense } from "react";
 
 const FindPage = () => {
   return (
     <div>
+      <Suspense>
       <Navbar />
+      </Suspense>
       <FindTabs />
     </div>
   );

src/app/sign/page.tsx

@@ -3,11 +3,14 @@
 import Navbar from '@/components/common/Navbar';
 import SignLayout from '@/components/sign/SignLayout';
 import React from 'react';
+import { Suspense } from "react";
 
 const SignPage = () => {
   return (
     <div>
+      <Suspense>
       <Navbar />
+      </Suspense>
       <SignLayout/>
     </div>
   );

src/app/signup/page.tsx

@@ -15,6 +15,7 @@ import Step2 from '@/components/signup/Step2';
 import Step3 from '@/components/signup/Step3';
 import Step4 from '@/components/signup/Step4';
 import Navbar from '@/components/common/Navbar';
+import { Suspense } from "react";
 
 const SignupPage: React.FC = () => {
   const [currentStep, setCurrentStep] = useState(1);
@@ -78,7 +79,9 @@ const SignupPage: React.FC = () => {
 
   return (
     <div>
+       <Suspense>
       <Navbar/>
+      </Suspense>
     <div className="signup-container">
       {currentStep === 1 && (
         <Step1 onNext={handleNext} onUpdate={(data) => handleUpdate(data)} />

src/components/common/Navbar.tsx

@@ -1,6 +1,8 @@
 'use client';
+
 import React from 'react';
 import { useRouter, useSearchParams, usePathname } from 'next/navigation';
+import { Suspense } from 'react';
 
 const Navbar = () => {
   const params = useSearchParams();