Отправить файл в api и получить null в контроллере

Я отправляю файл в api следующим образом

const formData = new FormData();
    if ($.isEmptyObject(this.state.attachment)===false) {
        formData.append('attachment', this.state.attachment);
        $.ajax({
            type: 'POST',
            url: process.env.REACT_APP_API_HOST + "/api/attachment",
            async: false,
            timeout: 5000,
            processData: false,
            contentType: false,
            cache: false,
            data: {
                attachment: formData
            }
        });
    }

И привязанность я получаю следующим образом

<input type='file' name='attachment' className = "form-control" defaultValue = {this.state.attachment}
                   onChange = {this.handleChangeEvent}/>

И мой контроллер

@RequestMapping(value = "/attachment", method = RequestMethod.POST)
public HttpEntity attachment(@ModelAttribute MultipartFile attachment){
    System.out.println(attachment);
    return ResponseEntity.ok().build();
}

Я получаю нулевой результат Что я делаю не так?

Обновлять

    handleChangeEvent = (event) => {
    this.setState({[event.target.name]: event.target.value});
};