Interactive-rating-component with React

have some little problem with props using for a while. So far my solution is using ref to get input radio value and sending up to parent element (app.jsx) via props and then set that value to state (using useState) and the use a state value to passing it to "Thank you card" , may be have some better solution to passing value from children component to parent component and sending to "Thank you card".

take me for a while to searching thru the internet to find out how to custom input radio and found this may be you will figure it out how to create custom input radio.

may be I will try to improving it with validation and transition between "Scoring card" and "Thank you card"