JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="phone" value="2124771000"></input>

JavaScript

$(".phone").on('change', function() {
        var number = $(this).val()
        number = number.replace(/(\d{3})(\d{3})(\d{4})/, "($1)$2-$3");
        $(this).val(number)
    });