Skip to content

Fix bug on Sidebar navigation: 'Failed prop type: Invalid prop component supplied to ForwardRef(ButtonBase) #74

@asartalo

Description

@asartalo
Warning: Failed prop type: Invalid prop `component` supplied to `ForwardRef(ButtonBase)`. Expected an element type that can hold a ref. Did you accidentally provide a plain function component instead? For more information see https://material-ui.com/r/caveat-with-refs-guide
ButtonBase@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:523:16
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
ListItem@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:3074:27
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
ul
List@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:2849:18
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
div
div
div
Transition@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:18881:30
Collapse@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:1491:18
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
ExpandableLinks@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:691:7
div
List@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:2849:18
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
nav
div
Paper@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:4355:17
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
Transition@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:18881:30
Slide@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:4658:18
Unstable_TrapFocus@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:5485:18
div
Portal@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:4476:18
Modal@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:3622:78
Drawer@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:2193:23
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
Sidebar@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:741:7
ThemeProvider@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:8285:18
div
PrintablesAppBar@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:411:7
ThemeProvider@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:8285:18
Router@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:17932:7
BrowserRouter@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:17405:7
AppWrapper@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:62:19
Suspense

And

Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

Check the render method of `ForwardRef(ButtonBase)`.
ListItemLink@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:283:7
ButtonBase@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:523:16
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
ListItem@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:3074:27
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
ul
List@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:2849:18
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
div
div
div
Transition@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:18881:30
Collapse@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:1491:18
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
ExpandableLinks@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:691:7
div
List@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:2849:18
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
nav
div
Paper@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:4355:17
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
Transition@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:18881:30
Slide@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:4658:18
Unstable_TrapFocus@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:5485:18
div
Portal@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:4476:18
Modal@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:3622:78
Drawer@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:2193:23
WithStyles@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:9301:25
Sidebar@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:741:7
ThemeProvider@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:8285:18
div
PrintablesAppBar@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:411:7
ThemeProvider@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:8285:18
Router@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:17932:7
BrowserRouter@http://localhost:3000/static/js/vendors-node_modules_material-ui_core_esm_AppBar_AppBar_js-node_modules_material-ui_core_esm_-dc67ac.chunk.js:17405:7
AppWrapper@http://localhost:3000/static/js/src_components_AppWrapper_tsx.chunk.js:62:19
Suspense
App

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions