Tip Calculator App using React, TypeScript and TailwindCSS

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

This is my second frontend project using React with TypeScript, in which, I learned how to properly type React Components that can be reusable, for example:

export default function Button({ ...props }: ButtonHTMLAttributes<HTMLButtonElement>)

as well as being my first React + TS project I learned how to implement a strongly typed React Context API and assert its types with a custom hook to validate it is an actual Context that's going to be used.

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

Some of my challenges are strongly linked to the things I'm proud of about this project, which are learning how to properly create reusable components with React and TailwindCSS and strongly typed with TypeScript, as well as understanding how React Context API is typed and implemented with TypeScript.

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

As I've probably commented in previous solutions, my code isn't free of having flaws, but flaws help us improve and create better code for future projects or solutions here in Frontend Mentor. So, feel free to have a look at my code and leave suggestions of what can be changed, modified or improved.

PS: Shrink the tab's size to 80% to see the proper measures of the solution, that'll be corrected in a next occasion.

Thanks for taking the time to read everything and happy coding, frontend dev! :D