axios → SpringBoot でMultiPartFileが受け取れない

Question

前提

React TypeScript の axiosで、SpringBootにMultiPartFileをPostしたのち、
Springのローカルに保存したいのですが、
そもそもファイルが受け取れません。

今回は .png .jpg のいずれかの送信を想定しています。

発生している問題・エラーメッセージ

org.springframework.web.multipart.support.MissingServletRequestPartException: Required request part 'file' is not present

該当のソースコード

import axios from "axios";

const PostImage = function () {
    function onclick() {
        const file: any = document.getElementById('file');
        console.log(file.files[0])

        const formData = new FormData()
        formData.append('file', file)
        const headers = { "content-type": "multipart/form-data" };
        axios.post('/postimage', formData, { headers })//FormDataパターン
        axios.post('/postimage', { file: file }, { headers })//辞書パターン
    }
    return (
        <>
            <input type="file" id="file" />
            <button onClick={onclick}>post</button>
        </>
    )
};

export default PostImage;

@PostMapping("/postimage")
public void postimage(
	@RequestPart("file") MultipartFile file
//	@RequestParam("file") MultipartFile file
) {
	System.out.println(file.getName());
}

試したこと

以上のFormDataでPost、辞書でPost、
@RequestPartで受け取り、@RequestParamで受け取り
いずれの組み合わせでも同じ 'file' is not present で怒られます

補足情報（FW/ツールのバージョンなど）

"version": "0.1.0"
"dependencies": {
	"axios": "^0.27.2",
	...
}

<modelVersion>4.0.0</modelVersion>
<parent>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-parent</artifactId>
	<version>2.7.3</version>

Answer 1

ケアレスミスでした
formData.append('file', file)
ではなく
formData.append('file', file.files[0])
を渡すべきでした