Use codepen example to create a react js codepen version using GSAP, styled components and hooks

I have a codepen here https://codepen.io/GreenSock/pen/ALvYEO this codepen needs to be replicated the exact same into reactjs using hooks, styled components, (greensock)gsap draggable, as per the example. However, I want the knob dial to keep looping through the numbers as you spin. At the moment you can only spin round 360 once. This needs to infinite loop and go from 0 to 9. Also the numbers 0 - 9 need to go around the knob dial too like this example https://thumbs.dreamstime.com/b/safe-dial-4527179.jpg

Requirements:
-use gsap draggable to create a rotating dial like this codepen https://codepen.io/GreenSock/pen/ALvYEO into reactjs
-ensure that all the same features from the codepen are included in the reactjs build
-use react hooks!
-use gsap draggable
-use styled components for the css
-provide the code either via codepen of project files.
-use the example image from codepen
-make sure it works on all major browsers
-ensure that it functions the same as the codepen