code problem

i have a problem with my code when i send to my database no data sent const express = require("express");
const mysql = require("mysql");
const cors = require("cors");

const app = express();
app.use(express.json());
app.use(cors());

db = mysql.createConnection({
host: "localhost",
password: "1234Pro",
database: "logintuto",
});

app.post("/register", (req, res) => {
const name = req.body.name;
const password = req.body.password;

db.query(
"INSERT INTO login (name, password) VALUES (?, ?)",
[name, password],
(err, result) => {
if (err) {
console.error(err);
res.status(500).send("Erreur lors de l'insertion des données.");
} else {
res.status(200).send("Données insérées avec succès.");
}
}
);
});

app.listen(3002, () => {
console.log("running");
});
import { useState } from "react";
import axios from "axios";

function App() {
const register = () => {
axios
.post("http://localhost:3002/register", {
name: name,
password: password,
})
.then((response) => {
console.log(response.data); // Afficher la réponse du serveur
})
.catch((error) => {
console.error(error); // Gérer les erreurs
});
};

const [name, setName] = useState("");

const [password, setPassword] = useState("");

return (

Registration

name

      type="text"<br>
      value={name}<br>
      onChange={(e) =&gt; {<br>
        setName(e.target.value);<br>
      }}<br>
    /&gt;

    <label>password</label>
    <input
      type="password"
      value={password}
      onChange={(e) => {
        setPassword(e.target.value);
      }}
    />
    <button onClick={register}>envoyer</button>
  </div> can someone help