Отправка объекта в firebase с помощью React

Всем привет, я новичок в реакте. У меня есть задача создавать продукт в полях input и отправлять его на бд Firebase. Я использую useState и useContext, вот мой код :

const addProduct = async (
        title,
        description,
        date,
  ) => {
    const product = {
      title,
      description,
      date: new Date().toJSON(),
    }
    try {
      const res = await axios.post(`${url}/products.json`, product)
      console.log("addnotes", res.data)
    } catch (e) {
      console.log(e)
    }
  } 

А это код самого добавления из event target value (по клику на кнопку) :

const firebase = useContext(FirebaseContext)
  const submitHandler = (event) => {
    event.preventDefault()

      firebase
        .addProduct(title.trim())
        .then(() => {
          console.log("success")
        })
        .catch(() => {
          console.log("error")
        })
    setTitle("")
    firebase
        .addProduct(description.trim())
        .then(() => {
          console.log("success")
        })
        .catch(() => {
          console.log("error")
        })
    setDescription("")

По итогу в базе данных у меня

Что я делаю не так и как мне отправить все три поля (title, description, data) одним объектом ?