handle change data selector

app/component/element/AutoCompleteSelect.js

@@ -8,7 +8,9 @@ function AutoCompleteSelect({ list, isError, updateData, name, label }) {
       disablePortal
       options={list}
       className="!w-full !rounded-lg"
-      onChange={(event) => updateData && updateData(event.target.value, "value", name)}
+      onChange={(event) =>
+        updateData && updateData(event.target.innerText, "value", name)
+      }
       sx={{
         ...styleTextSelectRight,
         // Hide Icon Number

components/panel/addDoctor/listMenu/generalInformation/form/index.js

@@ -1,21 +1,16 @@
-import { useState } from "react";
+import { Button } from "@mui/material";
-import ContentText from "@/app/component/ContentText";
+import FieldDate from "./FieldDate";
-import EditField from "@/app/component/EditField";
-import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import { degree } from "./listSelector";
 import RadioGender from "./RadioGender";
-import { Button } from "@mui/material";
+
+// Components
+import EditField from "@/app/component/EditField";
+import ContentText from "@/app/component/ContentText";
 import ArrowLeftPA from "@/components/icons/ArrowLeftPA";
-import FieldDate from "./FieldDate";
+import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 
 function Form({ setValue, parent, data, setData }) {
-  const [selected, setSelected] = useState({
+  const changeData = (value, type, name) =>
-    degree: "",
-  });
-  const updateSelect = (event, name) =>
-    setSelected({ ...selected, [name]: event.target.innerText });
-
-  const changeData = (value, type, name) => {
     setData((prev) => {
       return {
         ...prev,
@@ -28,7 +23,6 @@ function Form({ setValue, parent, data, setData }) {
         },
       };
     });
-  };
 
   return (
     <div>