Next.JS project failed to deploy "Type error: Layout "app/(platform)/(dashboard)/board/[boardId]/layout.tsx" does not match the required types of a Next.js Layout. "generateMetaData" is not a valid Layout export field."

[youssefash97]

Body

I tried to deploy a NextJs project and it works fine when i tested it but when i tried to deploy it on Vercel it gave me this error in image

My code:

`import { db } from "@/lib/db";
import { auth } from "@clerk/nextjs";
import { notFound, redirect } from "next/navigation";
import { BoardNavbar } from "./_components/board-navbar";

export async function generateMetaData({
params,
}: {
params: { boardId: string };
}) {
const { orgId } = auth();
if (!orgId) {
return {
title: "Board",
};
}
const board = await db.board.findUnique({
where: {
id: params.boardId,
orgId,
},
});

return {
title: board?.title || "Board",
};
}

const BoardIdLayout = async ({
children,
params,
}: {
children: React.ReactNode;
params: { boardId: string };
}) => {
const { orgId } = auth();

if (!orgId) {
redirect("/select-org");
}

const board = await db.board.findUnique({
where: {
id: params.boardId,
orgId,
},
});

if (!board) {
notFound();
}

return (
<div
className="relative h-full bg-no-repeat bg-cover"
style={{ backgroundImage: url(${board.imageFullUrl}) }}
>

{children}

);
};

export default BoardIdLayout;
`

Guidelines

• I have read and understood this category's guidelines before making this post.