docs: fix formatting issue in mui jsx example

ybrusentsov · Nov 3, 2023 · be00055 · be00055 · vercel · Nov 3, 2023
1 parent a0ca183
commit be00055
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md b/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md
@@ -44,7 +44,7 @@ import {
 } from 'react-international-phone';
 
 export const MuiPhone = ({ value, onChange, ...restProps }) => {
-  const { phone, handlePhoneValueChange, inputRef, country, setCountry } =
+  const { inputValue, handlePhoneValueChange, inputRef, country, setCountry } =
     usePhoneInput({
       defaultCountry: 'us',
       value,
@@ -60,7 +60,7 @@ export const MuiPhone = ({ value, onChange, ...restProps }) => {
       label="Phone number"
       color="primary"
       placeholder="Phone number"
-      value={phone}
+      value={inputValue}
       onChange={handlePhoneValueChange}
       type="tel"
       inputRef={inputRef}