Setting input initial value and update onChange with hook. Error: Rendered more hooks than during the previous render

Question

I\'ve looked at other similar questions and I can\'t seem to figure this out. I know with hooks, we want to place them at the top of the component and should avoid placing them