How to remove the mask in react-number-format?

Question

How do I delete a form from When I submit a form, it takes the form of: "+7 (123) 123-1231". But I need my phone number to be sent in this form: 71231231231 . How do I do this?

Code:

<Controller
         control={control}
         name="phoneNumber"
         onChange={ (event) => setPhoneNumber(event.target.value) }
         rules={{
            required: true,
            minLength : {
               value: 11,
               message: "*Заполните полностью поле телефона"
            }
         }}
         render={({
            field: { onChange, onBlur, value },
         }) => (
         <>
         <NumberFormat
             type="tel"
             format="+7 (###) ###-####" allowEmptyFormatting mask="_"
             onBlur={onBlur}
             value={phoneNumber}
             onChange={ (event) => {onChange(event.target.value); 
                         setPhoneNumber(formatNumber(event.target.value));
                         console.log(event)
             }}
          />
          <WarrningError>{errors?.phoneNumber && <p>{errors?.phoneNumber?.message || `*Необходимо заполнить поле "Номер телефона"`}</p>}</WarrningError>
          </>
          )}
/>

Answer 1

onValueChange={(values) => {
    const { formattedValue, value } = values;
    // formattedValue = $2,223
    // value ie, 2223
    this.setState({ profit: formattedValue });
  }}