Structure of Prisma Models:
model Product {
id String @id @default(auto()) @map("_id") @db.ObjectId
name String
description String
price Float
image String
createdAt DateTime @default(now())
updatedAt DateTime @updatedAt
cart Cart[]
}
model Cart {
id String @id @default(auto()) @map("_id") @db.ObjectId
userId String @db.ObjectId
user User @relation(fields: [userId], references: [id])
productId String @db.ObjectId
product Product @relation(fields: [productId], references: [id])
quantity Int @default(1)
dateAdded DateTime @default(now())
}
Snippet of Code for CartItem Component:
import { Cart } from "@prisma/client";
const CartItem = ({ cartItem }: { cartItem: Cart }) => {
const { image, name, description, price } = cartItem.product;
return (...)
}
Error thrown regarding cartItem.product:
The error message states: 'Property 'product' does not exist on type '{ id: string; userId: string; productId: string; quantity: number; dateAdded: Date; }'. Did you mean 'productId'?ts(2551) index.d.ts(4545, 7): 'productId' is declared here.
Given that the model clearly defines the existence of the 'product' attribute, why does the error occur?