Description
When making a query like:
const libraryInventory = await db.from.libraryInventory
.join(Book, (lib, book) => lib.bookId === book.bookId)
.toArray();
In NextJs: The object needs to be serialized before it can be passed to a client component
Problem Statement/Justification

Example code:
const libraryInventory = await db.from.libraryInventory
.join(Book, (lib, book) => lib.bookId === book.bookId)
.toArray();
return (
<>
{libraryInventory.map((libraryInventoryItem, index) => (
<LibraryItem
key={"lib-" + index}
{...libraryInventoryItem}
// libraryInventoryItem={JSON.stringify(libraryInventoryItem)} // This would be a workaround
/>
))}
<>
Description
When making a query like:
In NextJs: The object needs to be serialized before it can be passed to a client component
Problem Statement/Justification
Example code: