Details.js

const Change = (e) => {
  const { name, value } = e.target;
  setNewData({ ...newData, [name]: value });
};
 
const Add = (e) => {
  e.preventDefault();
  setTableData([...tableData, { ...newData, id: Math.random() }]); // for giving the new data some random id
  setNewData({
    // for enptying the form
    fullName: "",
    userName: "",
    address: "",
    phoneNumber: "",
    email: "",
    website: "",
    companyName: "",
  });
};