Actualmente estoy escribiendo un Next.js, y no estoy seguro de cómo actualizar el valor booleano isBookmarked en mi código que persistirá en la base de datos desde mi componente. Esto es lo que tengo actualmente.

Artículo.js

 <Item> ... <div onClick={????????}>....</div> //Update value on database from here ... </Item>

índice.js

 export async function getServerSideProps(context){ const client = await clientPromise; const db = client.db("mediaData") let media = await db.collection("media").find({}).toArray(); media = JSON.parse(JSON.stringify(media)); return{ props:{ media} } } ...... media.map((item) => ( <Item key={item._id} mediaBookmarked={item.isBookmarked} // value recived from the database year={item.year} category={item.category} rating={item.rating} title={item.title} small={item.thumbnail.trending.small} large={item.thumbnail.trending.large} /> ....

¿Tendré que definir un esquema? Importé manualmente la información que llena esta base de datos desde un archivo JSON.