Hi!

I'm attempting to dynamically render metadata for a certain path.


I've done it like this;

import { Part } from '@prisma/client';
import type { Metadata, ResolvingMetadata } from 'next';

type Props = {
    part: Part;
};

export async function generateMetadata({ part }: Props): Promise<Metadata> {
    return {
        title: part.name,
        description: part.description,
    };
}

export default function Page({ part }: Props) {
    return <div>{part.name}</div>;
}

I get the object from here

interface SparePartPageProps {
    params: { id: string };
}

export default async function SparePartPage({
    params,
}: SparePartPageProps): Promise<JSX.Element> {
    const fetchProduct = async () => {
        const part = await prisma.part.findFirst({
            where: { id: Number(params.id) },
        });
        return part;
    };

    const part = await fetchProduct();


    if (!part) {
        return <div>Ingen del hittades</div>;
    }

    return (
        <Stack alignItems={'center'}>
            <SpecificSparePartPage part={part} />
        </Stack>
    );
}

No errors, but no metadata either. Can someone clue me in?