react-skeletor | Skeleton loading for React | Frontend Framework library

Here is what happen: You basically only display content from useState

You simulate your httpRequest, which will update content to an empty form

And then you never update content ever again, it is still the empty form from the first render.

It works when you keep form out of content because form gets evaluated at every render with the actual profileFormData.

I suggest not using the state to store nodes in your case (and probably most other cases). The return of your http request should populate a data store that your template could read from, but given the fact that your form needs to read from other sources aswell, like the current input state, it is safer to keep the form in the render, where it will be updated at every render.