Nuevo en REACT, así que tengan paciencia conmigo, por favor:

Sigo obteniendo el valor inicial de phoneNumber, no devuelvo nada cada vez que envío el formulario utilizando el complemento material-ui-phone-number con Formik . Aquí hay una muestra de mi código.

const initialValues = { phoneNumber: "", }; const BasicExample = () ={amp}gt; ( {amp}lt;Formik initialValues={initialValues}{amp}gt; {() ={amp}gt; ( {amp}lt;Form{amp}gt; {amp}lt;Field variant="outlined" label="Phone Number" name="phoneNumber" type="tel" fullWidth size="small" defaultCountry={"gh"} as={MuiPhoneNumber} /{amp}gt; {amp}lt;/Form{amp}gt; )} {amp}lt;/Formik{amp}gt; 

Este es un camino a seguir:

 import React from "react"; import ReactDOM from "react-dom"; import { Formik, Form } from "formik"; import MuiPhoneNumber from "material-ui-phone-number"; import "./styles.css"; function App() { return ( {amp}lt;div className="App"{amp}gt; {amp}lt;Formik initialValues={{ phoneNumber: "" }} onSubmit={values ={amp}gt; { alert(JSON.stringify(values, null, 2)); }} {amp}gt; {formikProps ={amp}gt; ( {amp}lt;Form{amp}gt; {amp}lt;MuiPhoneNumber defaultCountry={"us"} onChange={e ={amp}gt; formikProps.setFieldValue("phoneNumber", e)} /{amp}gt; {amp}lt;button type="submit"{amp}gt;submit{amp}lt;/button{amp}gt; {amp}lt;/Form{amp}gt; )} {amp}lt;/Formik{amp}gt; {amp}lt;/div{amp}gt; ); } const rootElement = document.getElementById("root"); ReactDOM.render({amp}lt;App /{amp}gt;, rootElement); 

Use el método MuiPhoneNumber componente MuiPhoneNumber para establecer el nuevo valor del campo Formik. También hay otras formas, pero esta es la más sencilla, creo.