I have a result table in which I am populating data from API. The data is getting delivered properly at the page load time using useEffect(). Now I want to give edit feature to my user. so if user clicks on edit button same row should open and user can edit the data and save the same. but my EditForm is not rendering data in ListCertificate component at line 288 . I dont know what mistake I am doing. I will put the logic to load the data in editform later but now I want just to load the form which is not happening.

as of now blank row should come after the data because there is no condition put yet. but edit form rows are not coming at all. Also I tried to run only EditForm and I removed resulttable component, still it is not coming. standalone EditForm is working.

What mistake I am doing? code:- https://codesandbox.io/s/agitated-tree-qdq8i?file=/src/listcertificate.tsx