Responsive contact form using Tailwind CSS

I'm definetly proud of using fresh resources (TS & Tailwind) on this project but at the same time, not relying heavily on fancy dependencies and writing all the logic with straight-up TypeScript code. However, i shall try to properly structure and write the logic before full-on focusing on stylizing the page.

I'd say they were mostly architectural: i had almost a headache when trying to use a single, custom hook to handle input values & errors while not use to some "barriers" TypeScript imposes on React. However it was a part of the process, and re-writing some code (specifically, the hook, now 2 separate hooks) from scratch really helped me out.

Is professional, adequate Form validation on React this boring? I mean, i know React for a year now and I don't know if I underestimated this project's scale, but to be more specific:

I want to know if the approach i used to handle the Form on App.tsx is good enough, in a code-wise than markup-wise sense.