From be00055bd95762fdb2f189f892f69659bad6f1ec Mon Sep 17 00:00:00 2001
From: Yurii Brusentsov <yuriybrusentsov@gmail.com>
Date: Fri, 3 Nov 2023 20:25:07 +0200
Subject: [PATCH] docs: fix formatting issue in mui jsx example

---
 packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md b/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md
index 4d4755c..9a14a22 100644
--- 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}