material-ui-phone-number icon indicating copy to clipboard operation
material-ui-phone-number copied to clipboard

findDOMNode is deprecated in StrictMode

Open YanaTrifonova opened this issue 3 years ago • 0 comments

On click change country button I got warning bellow.

My code

<MuiPhoneNumber
    name="phone"
    variant="outlined"
    defaultCountry={"nl"}
    value={userPhone}
    onChange={(e) => setUserPhone(e)}
/>
Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of e which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-find-node
    at li
    at ButtonBase (http://localhost:3000/bundle.js:4053:22)
    at WithStyles(ForwardRef(ButtonBase)) (http://localhost:3000/bundle.js:41814:31)
    at ListItem (http://localhost:3000/bundle.js:16718:33)
    at WithStyles(ForwardRef(ListItem)) (http://localhost:3000/bundle.js:41814:31)
    at MenuItem (http://localhost:3000/bundle.js:17938:23)
    at WithStyles(ForwardRef(MenuItem)) (http://localhost:3000/bundle.js:41814:31)
    at RootRef (http://localhost:3000/bundle.js:22253:87)
    at e (http://localhost:3000/bundle.js:64554:90610)
    at ul
    at List (http://localhost:3000/bundle.js:16477:24)
    at WithStyles(ForwardRef(List)) (http://localhost:3000/bundle.js:41814:31)
    at MenuList (http://localhost:3000/bundle.js:18169:23)
    at div
    at Paper (http://localhost:3000/bundle.js:20458:23)
    at WithStyles(ForwardRef(Paper)) (http://localhost:3000/bundle.js:41814:31)
    at Transition (http://localhost:3000/bundle.js:111979:30)
    at Grow (http://localhost:3000/bundle.js:13187:24)
    at Unstable_TrapFocus (http://localhost:3000/bundle.js:32599:24)
    at div
    at Portal (http://localhost:3000/bundle.js:21541:24)
    at Modal (http://localhost:3000/bundle.js:18691:76)
    at Popover (http://localhost:3000/bundle.js:20672:22)
    at WithStyles(ForwardRef(Popover)) (http://localhost:3000/bundle.js:41814:31)
    at Menu (http://localhost:3000/bundle.js:17630:32)
    at WithStyles(ForwardRef(Menu)) (http://localhost:3000/bundle.js:41814:31)
    at div
    at InputAdornment (http://localhost:3000/bundle.js:14758:24)
    at WithStyles(ForwardRef(InputAdornment)) (http://localhost:3000/bundle.js:41814:31)
    at div
    at InputBase (http://localhost:3000/bundle.js:15091:30)
    at WithStyles(ForwardRef(InputBase)) (http://localhost:3000/bundle.js:41814:31)
    at OutlinedInput (http://localhost:3000/bundle.js:20188:23)
    at WithStyles(ForwardRef(OutlinedInput)) (http://localhost:3000/bundle.js:41814:31)
    at div
    at FormControl (http://localhost:3000/bundle.js:11155:24)
    at WithStyles(ForwardRef(FormControl)) (http://localhost:3000/bundle.js:41814:31)
    at TextField (http://localhost:3000/bundle.js:30878:28)
    at WithStyles(ForwardRef(TextField)) (http://localhost:3000/bundle.js:41814:31)
    at MuiPhoneNumber (http://localhost:3000/bundle.js:64554:94021)
    at WithStyles(MuiPhoneNumber) (http://localhost:3000/bundle.js:41814:31)
    at div
    at FormControl (http://localhost:3000/bundle.js:11155:24)
    at WithStyles(ForwardRef(FormControl)) (http://localhost:3000/bundle.js:41814:31)
    at form
    at RequestTemplatesRight (http://localhost:3000/bundle.js:47359:23)
    at div
    at div
    at Unstable_TrapFocus (http://localhost:3000/bundle.js:32599:24)
    at div
    at Portal (http://localhost:3000/bundle.js:21541:24)
    at Modal (http://localhost:3000/bundle.js:18691:76)
    at TwoColumnsModalWindow (http://localhost:3000/bundle.js:48378:19)
    at CreativeMainInfo (http://localhost:3000/bundle.js:45027:25)
    at div
    at div
    at div
    at Creative (http://localhost:3000/bundle.js:44302:67)
    at div
    at Transition (http://localhost:3000/bundle.js:111979:30)
    at Fade (http://localhost:3000/bundle.js:10498:24)
    at Unstable_TrapFocus (http://localhost:3000/bundle.js:32599:24)
    at div
    at Portal (http://localhost:3000/bundle.js:21541:24)
    at Modal (http://localhost:3000/bundle.js:18691:76)
    at CreativeModalPage (http://localhost:3000/bundle.js:48889:67)
    at Route (http://localhost:3000/bundle.js:109970:29)
    at Switch (http://localhost:3000/bundle.js:110176:29)
    at App
    at Router (http://localhost:3000/bundle.js:109599:30)
    at BrowserRouter (http://localhost:3000/bundle.js:109206:35)
    at ThemeProvider (http://localhost:3000/bundle.js:40517:24)
    at Provider (http://localhost:3000/bundle.js:107327:20)

YanaTrifonova avatar Apr 21 '21 09:04 YanaTrifonova