From 41313f6f635aa36552ac92732ca2bebb7dfc6808 Mon Sep 17 00:00:00 2001
From: Paul Bienkowski <pb@opatut.de>
Date: Fri, 14 May 2021 19:34:19 +0200
Subject: [PATCH] frontend: Workaround for prop warning on <a> tag

---
 frontend/src/App.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.js b/frontend/src/App.js
index 2fad0a8..e731f28 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -19,16 +19,23 @@ import {
 } from 'pages'
 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}) {
   return (
     <Router basename={process.env.PUBLIC_URL || '/'}>
       <Menu fixed="top">
         <Container>
-          <Link to="/" component={Menu.Item} header className={styles.pageTitle}>
+          <Link to="/" component={MenuItemForLink} header className={styles.pageTitle}>
             OpenBikeSensor
           </Link>
 
-          <Link component={Menu.Item} to="/tracks">
+          <Link component={MenuItemForLink} to="/tracks" as="a">
             Tracks
           </Link>