Masking input in react managed by state

Question

I have a code where I try to mask my phone input so it will look good, here is how it formats the phone:

onPhoneChange = (e) => {
            const phone =