Phone validation
Maybe you need to validate the phone number value and check that it's correct. To do that, just import matchIsValidTel
from the package and use this function, it will return a boolean
.
import React from 'react'
import { MuiTelInput, matchIsValidTel } from 'mui-tel-input'
const MyComponent = () => {
const [value, setValue] = React.useState('+33123456789')
const handleChange = (newValue) => {
matchIsValidTel(newValue, {
onlyCountries: [], // optional,
excludedCountries: [], // optional
continents: [] // optional
}) // true | false
}
return <MuiTelInput value={value} onChange={handleChange} />
}