Estoy trabajando en un proyecto React JS/Typescript y necesito crear una máscara de porcentaje en una entrada. Intenté usar expresiones regulares pero no funcionó. Mi objetivo es que, tan pronto como se establezca el valor de entrada, se coloque dinámicamente un signo de porcentaje (%) al final de mi valor. Sería perfecto si también me dejara poner comas (45,50%), pero no es realmente necesario.

ejemplos: 10% 100% 20% 45%