title: How can I insert a data using react-phone-number-input?, validation error when I'm inserting a phone number
body: <p>I'm trying to insert a data with out say "phone number required". I filled the phone number field and it's full but when I'm clicking in submit, phone number field validation says "phone number required", despite I inserted the phone number in phone number field.</p>
  
  <p>This is the validation of phone number:</p>
  
  <pre><code>     if(!values.phoneNumber){
                errors.phoneNumber = 'phoneNumber required'
                 }
  </code></pre>
  
  <p>And this is my widget Number Phone:</p>
  
  <p>import React,{useState} from 'react';</p>
  
  <p>import 'react-phone-number-input/style.css';
  import PhoneInput,{isValidPhoneNumber } from 'react-phone-number-input';</p>
  
  <pre><code>             const PhoneWidget = ({
  
                    step,
                    precision,
                    input,
                    placeholder,
                    label,
                    theme,
                    props,
                    meta: { valid,touched, error },
                    ...rest
                    }) =&gt;
                    {
  
               const [value,setValue] = useState();
  
  
                      return(
                          &lt;div className='form-group'&gt; 
                          &lt;label forname={input.name}&gt;{label}&lt;/label&gt; &lt;br /&gt;
                           &lt;PhoneInput
                             value={value}
                            placeholder={!input.value ? 'Please, type a number' : input.value}
                               //ISSUE  onChange={event =&gt; OnValueChange(event)}
                                      //Problem is here. Maybe I'm not setting the value
                                      onChange= {setValue}
                                                error={value ? (isValidPhoneNumber(value) ? undefined : 
                              'Invalid phone number')    : 'Number Phone required'}
                                       className='form-control'
                                             /&gt;
                                    //Here I get the validation error.
                                   {(!valid &amp;&amp; touched) &amp;&amp;
                                       &lt;p className='help-block'&gt;{error}&lt;/p&gt;
                                             }
                                  {/*  &lt;div className='text-danger' style={{ marginBottom: '20px' }}&gt;
                                           {touched &amp;&amp; error}
                                            &lt;/div&gt;*/      
                                         &lt;/div&gt;
  
                                             )
                                          }
  
  
                  export default PhoneWidget;
  </code></pre>
  
  <p>I can't understand. I type a data in number phone field and when I'm clicking on submit while number phone field is full, The number phone field gets and show validation error says "number phone required".</p>
  
  <p>Any one knows I can fix this issue?</p>