chore: update react and nextjs

apps/manager/package.json

@@ -17,28 +17,28 @@
     "@hcc/icons": "workspace:^",
     "@hcc/styles": "workspace:*",
     "@hcc/ui": "workspace:*",
-    "@hookform/resolvers": "^3.6.0",
-    "@vanilla-extract/css": "^1.14.0",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "clsx": "^2.1.0",
-    "dayjs": "^1.11.10",
-    "framer-motion": "^11.0.5",
-    "next": "^14.0.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.5",
-    "zod": "^3.23.8"
+    "@hookform/resolvers": "^3.10.0",
+    "@vanilla-extract/css": "^1.17.1",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/recipes": "^0.5.5",
+    "clsx": "^2.1.1",
+    "dayjs": "^1.11.13",
+    "framer-motion": "^12.0.6",
+    "next": "^15.1.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.54.2",
+    "zod": "^3.24.1"
   },
   "devDependencies": {
     "@hcc/eslint-config": "workspace:*",
     "@hcc/typescript-config": "workspace:*",
-    "@types/eslint": "^8.56.1",
-    "@types/node": "^20.10.6",
-    "@types/react": "^18.2.46",
-    "@types/react-dom": "^18.2.18",
-    "@vanilla-extract/next-plugin": "^2.3.6",
-    "eslint": "^8.56.0",
-    "typescript": "^5.3.3"
+    "@types/eslint": "^8.56.12",
+    "@types/node": "^22.13.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vanilla-extract/next-plugin": "^2.4.9",
+    "eslint": "^8.57.1",
+    "typescript": "^5.7.3"
   }
 }

apps/spectator/app/game/[id]/page.tsx

@@ -48,6 +48,7 @@ const tabs = [
 ];
 
 export default function Page({ params }: { params: { id: string } }) {
+  const { id } = params;
   const tabState = useQueryValidator(
     'tab',
     tabs.map(tab => tab.key),
@@ -60,14 +61,14 @@ export default function Page({ params }: { params: { id: string } }) {
         errorFallback={() => <BannerFallback />}
         loadingFallback={<BannerSkeleton />}
       >
-        <Banner gameId={params.id} />
+        <Banner gameId={id} />
       </AsyncBoundary>
 
       <AsyncBoundary
         errorFallback={() => <CheerVSFallback />}
         loadingFallback={<CheerVSSkeleton />}
       >
-        <CheerVS gameId={params.id} />
+        <CheerVS gameId={id} />
       </AsyncBoundary>
 
       <section className={styles.cheerTalk.section}>
@@ -77,15 +78,15 @@ export default function Page({ params }: { params: { id: string } }) {
             errorFallback={() => <Fragment></Fragment>}
             loadingFallback={<Fragment></Fragment>}
           >
-            <Live gameId={params.id} />
+            <Live gameId={id} />
           </AsyncBoundary>
         </div>
 
         <AsyncBoundary
           errorFallback={CheerTalkFallback}
           loadingFallback={<Spinner className={styles.spinner} />}
         >
-          <CheerTalk gameId={params.id} defaultState={cheerState} />
+          <CheerTalk gameId={id} defaultState={cheerState} />
         </AsyncBoundary>
       </section>
 
@@ -112,7 +113,7 @@ export default function Page({ params }: { params: { id: string } }) {
               errorFallback={(props: FallbackProps) => tab.errorUI(props)}
               loadingFallback={<Spinner />}
             >
-              {tab.renderer(params.id)}
+              {tab.renderer(id)}
             </AsyncBoundary>
           </Tabs.Content>
         ))}

apps/spectator/app/page.tsx

@@ -41,16 +41,17 @@ type PageProps = {
 };
 
 export default async function Page({ searchParams }: PageProps) {
+  const { league, round } = await searchParams;
+
   const year = 2024;
   const queryClient = getQueryClient();
   const leagues: LeagueListType[] = await useLeaguesPrefetch(year);
   const inProgress =
     leagues.find(league => league.isInProgress) || leagues?.[0];
-  const initialLeagueId = Number(searchParams.league) || inProgress?.leagueId;
+  const initialLeagueId = Number(league) || inProgress?.leagueId;
 
   const leagueDetail = await useLeagueDetailPrefetch(initialLeagueId);
-  const currentRound =
-    Number(searchParams.round) || leagueDetail.inProgressRound;
+  const currentRound = Number(round) || leagueDetail.inProgressRound;
 
   await useLeagueTeamsPrefetch(initialLeagueId, currentRound);
 

apps/spectator/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

apps/spectator/package.json

@@ -13,41 +13,40 @@
     "**/*.{ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "dependencies": {
-    "@amplitude/analytics-browser": "^2.6.1",
+    "@amplitude/analytics-browser": "^2.11.11",
     "@egjs/react-conveyer": "^1.7.1",
     "@egjs/react-flicking": "^3.8.3",
     "@hcc/api": "workspace:*",
     "@hcc/icons": "workspace:^",
     "@hcc/styles": "workspace:*",
     "@hcc/ui": "workspace:*",
-    "@next/third-parties": "^15.0.2",
+    "@next/third-parties": "^15.1.6",
     "@stomp/stompjs": "^7.0.0",
-    "@tanstack/react-query": "^5.17.19",
-    "@tanstack/react-query-devtools": "^5.17.21",
-    "@vanilla-extract/css": "^1.14.0",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/dynamic": "^2.1.0",
-    "@vercel/analytics": "^1.1.2",
-    "@vercel/speed-insights": "^1.0.14",
-    "axios": "^1.6.5",
-    "dayjs": "^1.11.10",
-    "framer-motion": "^11.0.5",
-    "next": "^14.0.4",
-    "pretendard": "^1.3.9",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@tanstack/react-query": "^5.66.0",
+    "@tanstack/react-query-devtools": "^5.66.0",
+    "@vanilla-extract/css": "^1.17.1",
+    "@vanilla-extract/css-utils": "^0.1.4",
+    "@vanilla-extract/dynamic": "^2.1.2",
+    "@vercel/analytics": "^1.4.1",
+    "@vercel/speed-insights": "^1.1.0",
+    "axios": "^1.7.9",
+    "dayjs": "^1.11.13",
+    "framer-motion": "^12.0.6",
+    "next": "^15.1.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@hcc/eslint-config": "workspace:*",
     "@hcc/typescript-config": "workspace:*",
-    "@types/eslint": "^8.56.1",
+    "@types/eslint": "^8.56.12",
     "@types/gtag.js": "^0.0.18",
-    "@types/node": "^20.10.6",
-    "@types/react": "^18.2.46",
-    "@types/react-dom": "^18.2.18",
-    "@vanilla-extract/next-plugin": "^2.3.6",
-    "clsx": "^2.1.0",
-    "eslint": "^8.56.0",
-    "typescript": "^5.3.3"
+    "@types/node": "^22.13.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vanilla-extract/next-plugin": "^2.4.9",
+    "clsx": "^2.1.1",
+    "eslint": "^8.57.1",
+    "typescript": "^5.7.3"
   }
 }