Expense Chart Component using React

This was a great challenge for me to revise some of the core React features since I've been away from coding for a while. I made the cash split into 7 random amounts each time it loads which became a bit harder than I expected but I'm glad I came up with a solution. I also tried using BEM for naming things although it doesn't really matter here because I used CSS modules for each component. Any kind of feedback or suggestions would be much appreciated. Thanks in advance and Happy Coding!