I have read the documentation on next.js about metadata and cannot find an answer to my question there or anywhere else for that matter so this is my last resort. Problem: I'm trying to generate metadata for a product page dynamically using next.js 13 app function as follows:
(code to generate down below variables)
return {
title: title,
description: description,
keywords: keywords,
openGraph: {
images: [
imageUrl
],
title: title,
description: description,
url: 'products/' + params.slug,
type: 'product',
},
alternates: {
canonical: 'products/' + params.slug,
}
}
}```
and i'm getting an error in the browser saying: "Error: Invalid OpenGraph type: product". If I set it to e.g. "website", it works but I want to be able to set it to product. How can i go about this?