pre validation test

src/Components/Modal/EditPlaza.js

 
 function Edit(props) {
 
-  console.log("EDIT : ", props)
-
   const now = useMemo(() => new Date(), [])
   const auth = useSelector((state) => state.token)
   const queryClient = useQueryClient()
 
   const puestoMutation = useMutation(updatePuesto)
 
-  const close = () => toggle("EDIT");
+  const close = () => toggle("EDIT", {id : null});
 
   const { data } = useQuery('categories', getCategories);
   const { data: testsCatalog } = useQuery('tests', getTest);
   const { errors, touched, handleSubmit, getFieldProps, setValues, values } = formik;
 
   useEffect(() => {
-    console.log('rendreindg edit')
-  },[])
+    console.info('use effect edit', props)
+  },[props])
 
   // useEffect(() => {
   //   if (puesto) {

src/Pages/Puestos.jsx

   let [expres, setExpress] = React.useState(false);
 
   let [puesto, setPuesto] = React.useState(false);
-  let [edit, setEdit] = React.useState(false);
-  let [del, setDelete] = React.useState(false);
-  let [show, setShow] = React.useState(false);
+  let [edit, setEdit] = React.useState(null);
+  let [del, setDelete] = React.useState(null);
+  let [show, setShow] = React.useState(null);
 
   const toggle = useCallback((type, puesto) => {
     console.log('usecall: ',puesto)
-    setPuesto(puesto)
+    // setPuesto(puesto)
     switch (type) {
       case "VER": {
         setShow(!show);
         break;
       }
       case "EDIT": {
-        setEdit(!edit)
+        setEdit(puesto.id)
         break;
       }
       case "DEL": {