React, как правильно наладить загрузку изображений?

не могу понять как решить данную задачу. Есть такой state

const [form, setForm] = useState({
    name: "", price: "", weight: "", productImage: "", category: ""
  })

На инпуты события onChangeHandler

const onChangeHandler = event => {
    setForm({...form, [event.target.name] : event.target.value})
  }

Но как быть если мне надо отправить и file. Я добавил такую проверку

const onChangeHandler = event => {
    if(event.target.files){
      const file = event.target.files[0]
      console.log(file)
    }
    setForm({...form, [event.target.name] : event.target.value})
  }

И действительно работает НО, я знаю что файл в таком формате нельзя поставить в setForm. Его можно вроде отправить через new FormData() НО тогда другие значения нельзя отправить( что бы на стороне сервера express) получить его из req.files.