Responsive tip calculator rebuild with react

I found it difficult to separate the tip percent handlers from the calculations. I also found it quite confusing if I should use a derived state or create new states

** To be honest I am not really sure of the tip button part of the code and i would really appreciate a cod review on that **

I have a general question which is areas where i need improvements to make my code better and more beautiful to read