feat: pump nextjs version

Author: luannguyenQV

apps/web/app/(public-fullwidth)/author/[authorId]/followers/page.tsx

@@ -8,7 +8,7 @@ export const metadata = {
 }
 
 export default async function Page(props: { params: Promise<{ authorId: string }> }) {
-  const params = await props.params;
+  const params = await props.params
   const author = await getUserById(params?.authorId as string)
 
   return (

apps/web/app/(public-fullwidth)/author/[authorId]/page.tsx

@@ -8,7 +8,7 @@ export const metadata = {
 }
 
 export default async function Page(props: { params: Promise<{ authorId: string }> }) {
-  const params = await props.params;
+  const params = await props.params
   const author = await getUserById(params?.authorId as string)
 
   return (

apps/web/app/[lang]/(protected-post)/user/posts/[postId]/edit/page.tsx

@@ -5,7 +5,7 @@ import { getPost } from "database"
 import PostForm from "@/molecules/post-form"
 
 export async function generateMetadata(props): Promise<Metadata> {
-  const params = await props.params;
+  const params = await props.params
   const post = await getPost({ postIdOrSlug: params?.postId as string })
 
   return {
@@ -15,7 +15,7 @@ export async function generateMetadata(props): Promise<Metadata> {
 }
 
 export default async function Page(props: { params: Promise<{ postId: string }> }) {
-  const params = await props.params;
+  const params = await props.params
   const post = await getPost({ postIdOrSlug: params?.postId as string })
 
   return <PostForm post={post?.data} />

apps/web/app/[lang]/(public)/search/page.tsx

@@ -8,15 +8,15 @@ import SearchBar from "@/molecules/nav/search-bar"
 import PostList from "@/molecules/posts/post-list"
 
 export async function generateMetadata(props): Promise<Metadata> {
-  const searchParams = await props.searchParams;
+  const searchParams = await props.searchParams
   return {
     title: `${searchParams?.search} - Search results`,
     description: `Search results for "${searchParams?.search}"`,
   }
 }
 
 export default async function Page(props) {
-  const searchParams = await props.searchParams;
+  const searchParams = await props.searchParams
   const t = await getTranslations({
     namespace: "common",
   })

apps/web/app/[lang]/(public-fullwidth)/author/[authorId]/followers/page.tsx

@@ -6,12 +6,10 @@ import UserProfile from "@/molecules/follower/user-profile"
 import { TUserItem } from "@/types/users"
 import { generatePath } from "@/utils/generatePath"
 
-export async function generateMetadata(
-  props: {
-    params: Promise<{ authorId: string }>
-  }
-): Promise<Metadata> {
-  const params = await props.params;
+export async function generateMetadata(props: {
+  params: Promise<{ authorId: string }>
+}): Promise<Metadata> {
+  const params = await props.params
   const rawAuthor = await fetch(
     `${process.env.NEXT_PUBLIC_FRONTEND_URL}${generatePath(APP_APIS.protected.user.GET, {
       userId: params?.authorId,
@@ -33,7 +31,7 @@ export async function generateMetadata(
 }
 
 export default async function Page(props: { params: Promise<{ authorId: string }> }) {
-  const params = await props.params;
+  const params = await props.params
   return (
     <div className="grid grid-cols-12 gap-10">
       <UserProfile authorId={params?.authorId} />

apps/web/app/[lang]/(public-fullwidth)/author/[authorId]/page.tsx

@@ -3,8 +3,8 @@ import { getUser } from "database"
 import UserProfile from "@/molecules/follower/user-profile"
 import PostList from "@/molecules/posts/post-list"
 
-export const generateMetadata = async props => {
-  const params = await props.params;
+export const generateMetadata = async (props) => {
+  const params = await props.params
   const { data: author, error } = await getUser({
     where: {
       id: params?.authorId,
@@ -18,8 +18,8 @@ export const generateMetadata = async props => {
 }
 
 export default async function Page(props) {
-  const searchParams = await props.searchParams;
-  const params = await props.params;
+  const searchParams = await props.searchParams
+  const params = await props.params
   return (
     <div className="grid grid-cols-12 gap-10">
       <UserProfile authorId={params?.authorId} />

apps/web/app/[lang]/(public-fullwidth)/posts/[postId]/page.tsx

@@ -14,7 +14,7 @@ import { auth } from "configs/auth"
 import { getPost, PostStatus } from "database"
 
 export async function generateMetadata(props): Promise<Metadata> {
-  const params = await props.params;
+  const params = await props.params
   const post = await getPost({ postIdOrSlug: params?.postId })
 
   return {
@@ -23,14 +23,12 @@ export async function generateMetadata(props): Promise<Metadata> {
   }
 }
 
-export default async function Page(
-  props: {
-    params: Promise<{ postId: string }>
-    searchParams: Promise<TSearchParams>
-  }
-) {
-  const searchParams = await props.searchParams;
-  const params = await props.params;
+export default async function Page(props: {
+  params: Promise<{ postId: string }>
+  searchParams: Promise<TSearchParams>
+}) {
+  const searchParams = await props.searchParams
+  const params = await props.params
   const post = await getPost({ postIdOrSlug: params?.postId })
   const session = await auth()
 

apps/web/app/[lang]/(public-fullwidth)/tags/[tagId]/follower/page.tsx

@@ -7,7 +7,7 @@ export const metadata = {
 }
 
 export default async function Page(props: { params: Promise<{ tagId: string }> }) {
-  const params = await props.params;
+  const params = await props.params
   const tag = await getTagById(params?.tagId as string)
 
   return (

apps/web/app/[lang]/(public-fullwidth)/tags/[tagId]/page.tsx

@@ -3,8 +3,8 @@ import { getTag } from "database"
 import PostList from "@/molecules/posts/post-list"
 import TagDetail from "@/molecules/tag/tag-detail"
 
-export const generateMetadata = async props => {
-  const params = await props.params;
+export const generateMetadata = async (props) => {
+  const params = await props.params
   const { data: tag, error } = await getTag({
     tagIdOrSlug: params?.tagId,
   })
@@ -16,7 +16,7 @@ export const generateMetadata = async props => {
 }
 
 export default async function Page(props) {
-  const params = await props.params;
+  const params = await props.params
   return (
     <div className="grid grid-cols-12 gap-10">
       <TagDetail tagIdOrSlug={params?.tagId} />

apps/web/app/[lang]/layout.tsx

@@ -1,4 +1,5 @@
-import { use } from "react";
+import { use } from "react"
+
 import "./globals.css"
 import "ui/dist/index.css"
 import "react-toastify/dist/ReactToastify.css"
@@ -16,21 +17,15 @@ export const metadata = {
   },
 }
 
-export default function RootLayout(
-  props: {
-    params: Promise<{ lang: string }>
-    children: React.ReactNode
-  }
-) {
-  const params = use(props.params);
-
-  const {
-    lang
-  } = params;
-
-  const {
-    children
-  } = props;
+export default function RootLayout(props: {
+  params: Promise<{ lang: string }>
+  children: React.ReactNode
+}) {
+  const params = use(props.params)
+
+  const { lang } = params
+
+  const { children } = props
 
   const messages = useMessages()