React hook Form does not load data on Edit

[tj-manoj-bisht]

I am new to React so i was working in a component named EmployeeList which has a add employee button which opens AddEmployee component with prop userAction={userAction} modal i am using this AddEmployee modal both for adding an employee and editing the employee information. for adding an employee i just click on add employee button fill up the fields and submit the form. To edit the form i have implemented react-table which has all the employee data after it gets submitted one of the column in the table has edit button so when the edit button is clicked i save the column information in useState -> userAction and pass the prop to AddEmployee

so sometimes when i click the edit employee the edit data is filled on all the textfileds of AddEmployee modal and sometimes the textfields remain empty i am getting this behaviour please help