pub-solar/obs-portal
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

frontend: Workaround for prop warning on <a> tag

Browse source
This commit is contained in:
Paul Bienkowski 2021-05-14 19:34:19 +02:00
parent 5c28f1d344
commit 41313f6f63
1 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/App.js
View file

@ -19,16 +19,23 @@ import {
} from 'pages' } from 'pages'
import {Avatar, LoginButton} from 'components' import {Avatar, LoginButton} from 'components'
// This component removes the "navigate" prop before rendering a Menu.Item,
// which is a workaround for an annoying warning that is somehow caused by the
// <Link /> and <Menu.Item /> combination.
function MenuItemForLink({navigate, ...props}) {
return <Menu.Item {...props} />
}
const App = connect((state) => ({login: state.login}))(function App({login}) { const App = connect((state) => ({login: state.login}))(function App({login}) {
return ( return (
<Router basename={process.env.PUBLIC_URL || '/'}> <Router basename={process.env.PUBLIC_URL || '/'}>
<Menu fixed="top"> <Menu fixed="top">
<Container> <Container>
<Link to="/" component={Menu.Item} header className={styles.pageTitle}> <Link to="/" component={MenuItemForLink} header className={styles.pageTitle}>
OpenBikeSensor OpenBikeSensor
</Link> </Link>
<Link component={Menu.Item} to="/tracks"> <Link component={MenuItemForLink} to="/tracks" as="a">
Tracks Tracks
</Link> </Link>