normailzePhone.js

// Function for input mask on phone number field
// Formats XXXXXXXXXX as XXX-XXX-XXXX as you type
const normalizePhone = (value, previousValue) => {
  if (!value) return value

  const onlyNums = value.replace(/[^\d]/g, '') // only allows 0-9

  if (!previousValue || value.length > previousValue.length) {
    if (onlyNums.length === 3) return `${onlyNums}`
    if (onlyNums.length === 6) return `${onlyNums.slice(0, 3)}-${onlyNums.slice(3)}-`

    if (onlyNums.length <= 3) return onlyNums
    if (onlyNums.length <= 6) return `${onlyNums.slice(0, 3)}-${onlyNums.slice(3)}`

    return `${onlyNums.slice(0, 3)}-${onlyNums.slice(3, 6)}-${onlyNums.slice(6, 10)}`
  }
}
// usage
// setPhone((prev) => normailzePhone(value, prev))