Multi-step Form using React and Typescript

What are you most proud of, and what would you do differently next time?

I was able to use Typescript for the first time and even though it was very confusing at first it indeed helped a lot on detecting possible inconsistencies and issues with the code. I also used Bootstrap as the CSS library but I would also like to try using a different library like Tailwind CSS.

What challenges did you encounter, and how did you overcome them?

Using Typescript at first was very challenging but as I go further into the challenge I believe I almost got the hang of it. Implementing the validations was also very tricky and since I did not want the UI to re-render every time the user types something, I ended up using useRef instead of useState.

What specific areas of your project would you like help with?

I would appreciate any feedback when it comes to the structure of the React code especially any advice about better implementation. I would also appreciate feedback with regards to using Typescript.