How to move the cursor to custom position after each input in React textfield?

Question

I wanted to append % to the value entered in the text field. When I do so the cursor moves towards the end of the input text as shown below. But I wanted it tw