Save form data

  const [name, setName] = useState("");
  const [price, setPrice] = useState("");
  const [description, setDescription] = useState("");
  const [imageUrl, setImageUrl] = useState("");


  const addCarOverrides = {
    "Flex.Flex[0].Flex[1].TextField[0]": {
      onChange: (event) => {
        setName(event.target.value);
      },
    },
    "Flex.Flex[0].Flex[1].TextField[1]": {
      onChange: (event) => {
        setPrice(event.target.value);
      },
    },
    "Flex.Flex[0].Flex[1].TextField[2]": {
      onChange: (event) => {
        setDescription(event.target.value);
      },
    },
    "Flex.Flex[0].Flex[1].TextField[3]": {
      onChange: (event) => {
        setImageUrl(event.target.value);
      },
    },
    "Flex.Flex[0].Flex[2].Button[0]": {
      onClick: () => {
        // save data
      },
    },
  };

  return (
    ...
      <AddCar overrides={addCarOverrides} style={{ textAlign: "left", margin: "1rem" }} />
    ...
  );