chore(deps): update next15 & react 19

.yarnrc.yml

@@ -9,5 +9,11 @@ packageExtensions:
   debug@*:
     dependencies:
       supports-color: "*"
+  react@*:
+    dependencies:
+      "@types/react": "19.0.2"
+  react-dom@*:
+    dependencies:
+      "@types/react-dom": "19.0.2"
 
-yarnPath: .yarn/releases/yarn-4.5.1.cjs
+yarnPath: .yarn/releases/yarn-4.5.3.cjs

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.

next.config.js

@@ -9,7 +9,6 @@ const nextConfig = {
     ignoreDuringBuilds: true,
   },
   output: 'standalone',
-  swcMinify: true,
   experimental: {
     typedRoutes: true,
     esmExternals: 'loose',

package.json

@@ -28,34 +28,34 @@
   "homepage": "https://github.com/mbti-nf-team/birth-tunes-frontend#readme",
   "dependencies": {
     "@nf-team/core": "^3.0.1",
-    "@nf-team/react": "^2.7.2",
-    "@tanem/react-nprogress": "^5.0.48",
+    "@nf-team/react": "^2.7.3",
+    "@tanem/react-nprogress": "^5.0.53",
     "@tanstack/react-query": "^5.59.16",
     "axios": "^1.4.0",
     "clsx": "^2.0.0",
     "dayjs": "^1.11.9",
-    "framer-motion": "^10.16.1",
-    "next": "^14.2.3",
+    "motion": "^11.15.0",
+    "next": "^15.1.2",
     "qs": "^6.11.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-ga4": "^2.1.0",
     "zustand": "^4.4.7"
   },
   "devDependencies": {
-    "@next/eslint-plugin-next": "^14.2.3",
+    "@next/eslint-plugin-next": "^15.1.2",
     "@nf-team/eslint-config": "^3.4.0",
     "@nf-team/stylelint-config": "^1.1.1",
     "@tanstack/react-query-devtools": "^5.59.16",
+    "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^16.1.0",
     "@types/jest": "^29.5.3",
     "@types/jest-plugin-context": "^2",
-    "@types/node": "18.0.0",
+    "@types/node": "20.11.0",
     "@types/qs": "^6",
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.0",
-    "@types/react-test-renderer": "^18.3.0",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@typescript-eslint/parser": "^7.8.0",
     "cypress": "^12.1.0",
@@ -73,11 +73,10 @@
     "jest": "^29.6.2",
     "jest-environment-jsdom": "^29.6.2",
     "jest-plugin-context": "^2.9.0",
-    "react-test-renderer": "^18.3.1",
     "sass": "^1.66.1",
     "start-server-and-test": "^1.14.0",
     "stylelint": "^15.10.0",
     "typescript": "^5.4.5"
   },
-  "packageManager": "[email protected].1"
+  "packageManager": "[email protected].3"
 }

src/app/page.tsx

@@ -11,14 +11,16 @@ import { metadata } from './layout';
 import styles from './index.module.scss';
 
 type Props = {
-  searchParams: { [key: string]: string | undefined; };
+  searchParams: Promise<{ [key: string]: string | undefined; }>;
 };
 
 export async function generateMetadata(
   { searchParams }: Props,
   parent: ResolvingMetadata,
 ): Promise<Metadata> {
-  const date = searchParams?.date;
+  const resolvedSearchParams = await searchParams;
+
+  const date = resolvedSearchParams?.date;
 
   if (!date) {
     return metadata;
@@ -44,8 +46,10 @@ export async function generateMetadata(
   };
 }
 
-function Home({ searchParams }: Props) {
-  const defaultBirthDate = getStringOrDefault(searchParams?.date);
+async function Home({ searchParams }: Props) {
+  const resolvedSearchParams = await searchParams;
+
+  const defaultBirthDate = getStringOrDefault(resolvedSearchParams?.date);
 
   const isNotValidDefaultDate = defaultBirthDate
     && (!dayjs(defaultBirthDate).isValid() || dayjs().isBefore(dayjs(defaultBirthDate)));

src/components/common/ProgressBar/index.tsx

@@ -1,5 +1,5 @@
 import { useNProgress } from '@tanem/react-nprogress';
-import { motion, Variants } from 'framer-motion';
+import { motion, Variants } from 'motion/react';
 
 import styles from './index.module.scss';
 

src/components/common/Toast/index.tsx

@@ -5,7 +5,7 @@
 } from 'react';
 
 import clsx from 'clsx';
-import { AnimationDefinition, motion, Variants } from 'framer-motion';
+import { AnimationDefinition, motion, Variants } from 'motion/react';
 
 import useToastStore from '@/stores/toast';
 
@@ -40,7 +40,7 @@
     if (definition === 'none') {
       closeToast();
     }
   }, []);
 
   useEffect(() => {
     if (isOpenToast) {