Merge pull request #249 from manNomi/refactor/applicant

fix : 파일 요소로 인한 빌드 버그로 수정했습니다

Author: manNomi

src/app/university/score/submit/gpa/GpaSubmitForm.tsx

@@ -2,14 +2,15 @@
 
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
+import { Suspense, useState } from "react";
 import { Controller, SubmitHandler, useForm } from "react-hook-form";
 
 import clsx from "clsx";
 
 import SubmitLinkTab from "@/components/score/SubmitLinkTab";
 import SubmitResult from "@/components/score/SubmitResult";
 import { InfoRowProps } from "@/components/score/SubmitResult";
+import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
 
 // CustomDropdown 경로 확인 필요
 import { GpaFormData, gpaSchema } from "./_lib/schema";
@@ -176,4 +177,11 @@ const GpaSubmitForm = () => {
   );
 };
 
-export default GpaSubmitForm;
+const GpaSubmitPage = () => {
+  return (
+    <Suspense fallback={<CloudSpinnerPage />}>
+      <GpaSubmitForm />
+    </Suspense>
+  );
+};
+export default GpaSubmitPage;

src/app/university/score/submit/gpa/page.tsx

@@ -1,8 +1,9 @@
 import { Metadata } from "next";
+import dynamic from "next/dynamic";
 
 import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
 
-import GpaSubmitForm from "./GpaSubmitForm";
+const ClientGpaForm = dynamic(() => import("./GpaSubmitForm"), { ssr: false });
 
 export const metadata: Metadata = {
   title: "성적 입력하기",
@@ -12,7 +13,7 @@ const SubmitGpaPage = () => {
   return (
     <>
       <TopDetailNavigation title="성적 입력하기" />
-      <GpaSubmitForm />
+      <ClientGpaForm />
     </>
   );
 };

src/app/university/score/submit/language-test/LanguageTestSubmitForm.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
+import { Suspense, useState } from "react";
 import { Controller, SubmitHandler, useForm } from "react-hook-form";
 
 import clsx from "clsx";
@@ -11,6 +11,7 @@ import SubmitLinkTab from "@/components/score/SubmitLinkTab";
 import SubmitResult from "@/components/score/SubmitResult";
 // CustomDropdown 경로 확인 필요
 import { InfoRowProps } from "@/components/score/SubmitResult";
+import CloudSpinnerPage from "@/components/ui/CloudSpinnerPage";
 
 import { LanguageTestFormData, languageTestSchema } from "./_lib/schema";
 
@@ -181,4 +182,11 @@ const LanguageTestSubmitForm = () => {
   );
 };
 
-export default LanguageTestSubmitForm;
+const LanguageTestSubmitPage = () => {
+  return (
+    <Suspense fallback={<CloudSpinnerPage />}>
+      <LanguageTestSubmitForm />
+    </Suspense>
+  );
+};
+export default LanguageTestSubmitPage;

src/app/university/score/submit/language-test/page.tsx

@@ -1,8 +1,9 @@
 import { Metadata } from "next";
+import dynamic from "next/dynamic";
 
 import TopDetailNavigation from "@/components/layout/TopDetailNavigation";
 
-import LanguageTestSubmitForm from "./LanguageTestSubmitForm";
+const LanguageTestSubmitForm = dynamic(() => import("./LanguageTestSubmitForm"), { ssr: false });
 
 export const metadata: Metadata = {
   title: "성적 입력하기",