I'm using material ui for my react project and its working very fine but it gives me these errors in console to which I dont understand because I didn't code them in my components
index.js:1 Warning: React does not recognize the `disableElevation` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `disableelevation` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in a (created by LinkAnchor)
in LinkAnchor (created by Context.Consumer)
in Link (created by Context.Consumer)
in NavLink (at Sidenav.js:81)
in div (created by ForwardRef(ButtonGroup))
in div (created by Transition)
in Transition (created by ForwardRef(Collapse))
in ForwardRef(Collapse) (created by WithStyles(ForwardRef(Collapse)))
in WithStyles(ForwardRef(List)) (at Sidenav.js:65)
in Transition (created by ForwardRef(Slide))
in div (created by ForwardRef(Modal))
console.<computed> @ index.js:1
index.js:1 Warning: React does not recognize the `disableFocusRipple` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `disablefocusripple` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in a (created by LinkAnchor)
in LinkAnchor (created by Context.Consumer)
in ForwardRef(ExpansionPanelDetails) (created by WithStyles(ForwardRef(ExpansionPanelDetails)))
in WithStyles(ForwardRef(ExpansionPanelDetails)) (at Sidenav.js:74)
in div (created by ForwardRef(ExpansionPanel))
in div (created by Transition)
in div (created by ForwardRef(Paper))
in ForwardRef(Paper) (created by WithStyles(ForwardRef(Paper)))
in WithStyles(ForwardRef(Paper)) (created by Transition)
in Transition (created by ForwardRef(Slide))
in ForwardRef(Slide) (created by TrapFocus)
in TrapFocus (created by ForwardRef(Modal))
in Router (created by BrowserRouter)
in BrowserRouter (at App.js:19)
in div (at App.js:18)
in App (at src/index.js:9)
console.<computed> @ index.js:1
index.js:1 Warning: React does not recognize the `disableRipple` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `disableripple` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in a (created by LinkAnchor)
in LinkAnchor (created by Context.Consumer)
in Link (created by Context.Consumer)
in NavLink (at Sidenav.js:81)
in ul (created by ForwardRef(List))
in ForwardRef(List) (created by WithStyles(ForwardRef(List)))
in WithStyles(ForwardRef(List)) (at Sidenav.js:65)
in div (at Sidenav.js:57)
in App (at src/index.js:9)
console.<computed> @ index.js:1
index.js:1 Warning: React does not recognize the `fullWidth` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `fullwidth` instead. If you accidentally passed it from a parent component, remove it from the DOM element.
in a (created by LinkAnchor)
in LinkAnchor (created by Context.Consumer)
in Link (created by Context.Consumer)
in NavLink (at Sidenav.js:81)
in div (created by ForwardRef(ButtonGroup))
in ForwardRef(ButtonGroup) (created by WithStyles(ForwardRef(ButtonGroup)))
in WithStyles(ForwardRef(ButtonGroup)) (at Sidenav.js:75)
in div (created by ForwardRef(ExpansionPanelDetails))
in div (created by Transition)
in div (created by Transition)
in Transition (created by ForwardRef(Collapse))
in ForwardRef(Collapse) (created by WithStyles(ForwardRef(Collapse)))
in WithStyles(ForwardRef(Collapse)) (created by ForwardRef(ExpansionPanel))
console.<computed> @ index.js:1
I even removed the react strictmode and they're still there . Has anyone fixed this kinda issue ?