diff --git a/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md b/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md
index 2dce817..4d4755c 100644
--- a/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md	
+++ b/packages/docs/docs/04-Advanced Usage/02-useWithUiLibs.md	
@@ -103,7 +103,7 @@ export const MuiPhone = ({ value, onChange, ...restProps }) => {
                   right: 0,
                 },
               }}
-              value={country}
+              value={country.iso2}
               onChange={(e) => setCountry(e.target.value)}
               renderValue={(value) => (
                 <FlagImage iso2={value} style={{ display: 'flex' }} />
@@ -225,7 +225,7 @@ export const MuiPhone: React.FC<MUIPhoneProps> = ({
                   right: 0,
                 },
               }}
-              value={country}
+              value={country.iso2}
               onChange={(e) => setCountry(e.target.value as CountryIso2)}
               renderValue={(value) => (
                 <FlagImage iso2={value} style={{ display: 'flex' }} />