TypeError: (getBuffer, getHeaders) is not a function

[AntoineMaillard06]

I'm using react, redux w/ typescript. In my component file here is the function where I'm trying to post my formed data with axios.

MyComponent.tsx

import React, { useState } from 'react';
import FormData from 'form-data';
import Axios from 'axios';

...

  const requestSubmit = () => {
    const form = new FormData();

    form.append('firstName', firstName);
    form.append('lastName', lastName);
    form.append('email', email);
    form.append('phone', phone);
    form.append('birthdate', birthdate);
    form.append('motivation', motivation);
    form.append('fileId', fileId);
    form.append('fileCert', fileCert);

    Axios.post('http://localhost:3001/request', form.getBuffer(), {
      headers: {
        ...form.getHeaders(),
      },
    })
      .then((res) => {
        console.log(res);
      }).catch((err) => {
        console.error(err);
      });
  };

...

Tested with form-data v3.0.0 and v4.0.0?

I tried editing all the class and types names directly in the npm module code because I thought it was a conflict with the JS FormData class but still was an issue.

Thanks in advance.

[netronicus]

I'm having the same problem :c

[duro]

I am also getting this error when using form-data in a React Native application.

[mcmurrym]

I'm pretty sure it is because react native implements their own https://github.com/facebook/react-native/blob/main/Libraries/Network/FormData.js and that one keeps getting used.

[EricForGithub]

I got this error too. Any idea how to solve this problem?