data never send to php file with axios - php

Question

hello i have a problem with sending data
i have a form that send data to a php file to insert it in data base.
signup.js
import { useState } from "react";
import axios from "axios";
const Signup =()=>{
const [cin,setCIN]=useState()
const [name,setName]=useState()
const [lastname,setLastname]=useState()
const [adress,setAdress]=useState()
const [tele,setTele]=useState()
const [email,setEmail]=useState()
const [pass,setPass]=useState()
const [re_pass,setRepass]=useState()
function Valide(e){
e.preventDefault();
if(pass===re_pass){
let data=new FormData()
data.append("cin",cin)
data.append("nom",name)
data.append("prenom",lastname)
data.append("email",email)
data.append("tele",tele)
data.append("adress",adress)
data.append("pass_word",pass)
axios({
method: 'post',
url:'http://localhost/projet_stage/src/PHP/register.php',
data: data,
config: { headers: { 'Content-Type': 'multipart/form-data' } }
})
.then(function (response) {
//handle success
console.log(response)
})
.catch(function (response) {
//handle error
console.log(response)
});
} else{
alert("Password mismatch")
}
}
function handleCIN(e){
setCIN(e.target.value)
}
function handleName(e){
setName(e.target.value)
}
function handleLastname(e){
setLastname(e.target.value)
}
function handleEmail(e){
setEmail(e.target.value)
}
function handlePass(e){
setPass(e.target.value)
}
function handleRepass(e){
setRepass(e.target.value)
}
function handleAdress(e){
setAdress(e.target.value)
}
function handleTele(e){
setTele(e.target.value)
}
return (
<section class="vh-100 bg-image"
style={{backgroundImage: "url('https://mdbcdn.b-cdn.net/img/Photos/new-templates/search-box/img4.webp');"}}>
<div class="mask d-flex align-items-center h-100 gradient-custom-3">
<div class="container h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-9 col-lg-7 col-xl-6">
<div class="card" style={{borderRadius: "15px"}}>
<div class="card-body p-5">
<h2 class="text-uppercase text-center mb-5">Create an account</h2>
<div class="form-outline mb-4">
<input value={cin} name={"cin"} onChange={(e)=>handleCIN(e)} type="text" id="form3Example1ck" class="form-control form-control-lg" />
<label class="form-label" >cin</label>
</div>
<div class="form-outline mb-4">
<input value={name} name={"nom"} onChange={(e)=>handleName(e)} type="text" id="form3Example1cg" class="form-control form-control-lg" />
<label class="form-label" >nom</label>
</div>
<div class="form-outline mb-4">
<input value={lastname} name={"prenom"} onChange={(e)=>handleLastname(e)} type="text" id="form3Example2cg" class="form-control form-control-lg" />
<label class="form-label" >prenom</label>
</div>
<div class="form-outline mb-4">
<input value={adress} name={"adress"} onChange={(e)=>handleAdress(e)} type="text" id="form3Example2cm" class="form-control form-control-lg" />
<label class="form-label" >adress</label>
</div>
<div class="form-outline mb-4">
<input value={tele} name={"tele"} onChange={(e)=>handleTele(e)} type="text" id="form3Example2cl" class="form-control form-control-lg" />
<label class="form-label" >téle</label>
</div>
<div class="form-outline mb-4">
<input value={email} name={"email"} onChange={(e)=>handleEmail(e)} type="email" id="form3Example3cg" class="form-control form-control-lg" />
<label class="form-label">Your Email</label>
</div>
<div class="form-outline mb-4">
<input value={pass} name={"password"} onChange={(e)=>handlePass(e)} type="password" id="form3Example4cg" class="form-control form-control-lg" />
<label class="form-label" >Password</label>
</div>
<div class="form-outline mb-4">
<input value={re_pass} name={"re_password"} onChange={(e)=>handleRepass(e)} type="password" id="form3Example4cdg" class="form-control form-control-lg" />
<label class="form-label" >Repeat your password</label>
</div>
<div class="form-check d-flex justify-content-center mb-5">
<input class="form-check-input me-2" type="checkbox" value="" id="form2Example3cg" />
<label class="form-check-label" for="form2Example3g">
I agree all statements in <u>Terms of service</u>
</label>
</div>
<div class="d-flex justify-content-center">
<button type="button" name={"valide"} onClick={(e)=>Valide(e)}
class="btn btn-success btn-block btn-lg gradient-custom-4 text-body">Register</button>
</div>
<p class="text-center text-muted mt-5 mb-0">Have already an account? <a href="#!"
class="fw-bold text-body"><u>Login here</u></a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>)
}
export default Signup;
when i submit the form the the php file insert a user with empty values that mean every think work but the data never send to php file .
register.php
require './server/connect.php';
$method = $_SERVER['REQUEST_METHOD'];
$request = explode('/', trim($_SERVER['PATH_INFO'], '/'));
if(isset($_POST["valide"])){
$cin = $_POST["cin"];
$name = $_POST["nom"];
$prenom = $_POST["prenom"];
$adres = $_POST["adress"];
$tele = $_POST["tele"];
$email = $_POST["email"];
$password = $_POST["password"];
}
$sql = "INSERT INTO user
(cin,nom,prenom,email,télé,
adress,pass_word,statut)
VALUES ('$cin','$name','$prenom','$email','$tele',
'$adres','$password','guest')";
if($db->query($sql)){
echo "workd";
}
?>
when show the data in the console i find a empty object i dont know whay???
CONSOLE.LOG:
also: