Send image file and data in REACT JS to Codeigniter 3 with axios - reactjs

Question

here is my front end code :
const api = axios.create({
baseURL: Backend_url+`Mode_ticketing_react/Ticketing/`
});
const Ticketing_rest = {
async post_nouveau_ticketing(
nouveau_ticket_fichier_joint,
email,
objet,
description,
categorie,
id_user
) {
try {
const result = await api.post(
"set_nouveau_ticketing/", {
email : email,
objet : objet,
description : description,
categorie : categorie,
id_user : id_user,
nouveau_ticket_fichier_joint : nouveau_ticket_fichier_joint
}
);
console.log("resultat envoye fichier ------", result)
return result.data;
}catch (error) {
console.log("erreur survenue" + error)
}
},
and take this services into view
function handleClick_soumettre_nouveau_ticket(e){
e.preventDefault();
setSpinner_button(true);
Ticketing_rest.post_nouveau_ticketing( champ_file_nouveau,
champ_email,
champ_objet,
champ_description,
champ_categorie,
flexi_auth.user_id
).then((result)=>{
//console.log(result)
});
}
all parameter is take from input field, and my problem is that ALL DATA is submited apart from the "champ_file_nouveau" field which is a file data.
function handleChange_champ_file_nouveau(e){
e.preventDefault();
setChamp_file_nouveau(e.target.files[0]);
console.log("selected file ------",e.target.files[0])
}
my backend is write in Codeigniter and I test it from Postman and it work!! so i think that the problem does not come from Backend but comes from FRONT END!
Any suggestions please.
I already try with FormData() class but does not work!