section 02 quiz 네번째 관련 질문입니다!

 Int cannot represent non-integer value

에러 404가 발생하면 네트워크 콘솔 창에서 해당 오류가 계속 발생한다고 뜹니다. 아마 가격을 제대로 입력받지 못해서 뜨는 오류같은데 어떻게 해결하는지 모르겠습니다 ㅠ

import { gql, useMutation } from '@apollo/client'
import { Fragment, useState } from 'react'

const CREATE_PRODUCT = gql`
  mutation createProduct($seller: String, $createProductInput: CreateProductInput!){ 
    createProduct(seller: $seller, createProductInput:$createProductInput){ 
      _id
      number
      message
    }
  }
`

export default function Graphql_Mutation2(){
  const [seller, setSeller] = useState('')
  const [name, setName] = useState('')
  const [detail, setDetail] = useState('')
  const [price, setPrice] = useState(0)

  const [myFunction] = useMutation(CREATE_PRODUCT)

  const onClickSubmit = async () => {
    const result = await myFunction({
      variables:{
        seller:seller,
        createProductInput:{
          name:name,
          detail:detail,
          price:price
        }
      }
    })
    console.log(result)
    console.log(seller, name, detail, price)
    alert(result.data.createProduct.message)
  }

  const onChangeSeller = (e) => {
    setSeller(e.target.value)
  }

  const onChangeName = (e) => {
    setName(e.target.value)
  }

  const onChangeDetail = (e) => {
    setDetail(e.target.value)
  }

  const onChangePrice = (e) => {
    parseInt(setPrice(e.target.value))
  }
  
  return(
    <Fragment>
      판매자: <input type='text' onChange={onChangeSeller} /><br />
      판매 제품: <input type='text' onChange={onChangeName} /><br />
      간략한 소개: <input type='text' onChange={onChangeDetail} /><br />
      가격: <input type='number' onChange={onChangePrice} /><br />
      <button onClick={onClickSubmit}>GRAPHQL-API(동기) 요청하기</button>
    </Fragment>
  )
}