section8 퀴즈 에러 질문입니다

안녕하세요, section8 퀴즈를 푸는 중 에러가 계속 해결되지 않아 글을 남기게 되었습니다.

글 작성 후 상품 id를 가지고 상세 화면으로 넘어오는 것 까지 정상적으로 이루어지는데,

상세 화면에서 정보를 불러오지 못하고 에러가 발생하고 있습니다.

아래 코드와 발생하는 에러 첨부하였습니다.

혹시 제가 어떤 부분을 잘못만들어서 에러가 나는지 알 수 있을까요??

import { useQuery, gql } from "@apollo/client";
import { useRouter } from "next/router";

const FETCH_PRODUCT = gql`
query fetchProduct($id: ID){
  fetchProduct(productId:$id){
    _id
    seller
    name
    detail
    price
  }
}`

export default function ProductView(){
  const router = useRouter();

  const {data} = useQuery(FETCH_PRODUCT, {
    variables: {productId: router.query.number}
  })

  console.log(data)

  return(
    <div>{router.query.number}
      상품명 {data.fetchProduct.seller}
      판매자 {data.fetchProduct.detail}
    </div>
  )
}