This my code but now controller not get value FromData from client

1. Controller

@http.route("/test-form-data", methods=["POST"], auth="user", csrf=False, type="http")
def test(self, **kwargs):
    print(http.request.httprequest.form)
    return json.dumps({})

2. Js

class TEST extends Component {
    setup() {
        super.setup();
        this.state = useState({
            form: {
                name: '',
                selection: 'cat',
                note: '',
                file: null
            }
        })
    }

    handleSubmit = async (e) => {
        e.preventDefault()
        const formData = new FormData();
        formData.append('name', this.state.form.name);
        formData.append('selection', this.state.form.selection);
        formData.append('note', this.state.form.note);
        formData.append('file', this.state.form.file);
        const response = await fetchApi("/test-form-data", "POST", {}, formData)
    }
}

3. html

Currently, the frontend can send data to the backend in json form, but when sending using formdata, the backend does not receive the data.