fix: use react-router for home link

RevolutionTech · Jul 8, 2022 · e4cc714 · e4cc714
1 parent 3ade2da
commit e4cc714
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/client/lobby/LobbyPage.tsx b/src/client/lobby/LobbyPage.tsx
@@ -1,5 +1,6 @@
-import { styled } from "@mui/material";
 import React from "react";
+import { Link } from "react-router-dom";
+import { styled } from "@mui/material";
 
 import logo from "../assets/lobby/logo.svg";
 import theme from "../theme";
@@ -26,7 +27,7 @@ const LobbyMenu = styled("div")({
   },
   backgroundColor: theme.white,
 });
-const LogoAnchor = styled("a")({
+const LogoAnchor = styled(Link)({
   position: "absolute",
   alignSelf: "flex-start",
 });
@@ -39,7 +40,7 @@ export const LobbyPage = (props: React.PropsWithChildren<Props>) => (
   <LobbyBack>
     <LobbyMenu>
       {(props.showLogo ?? true) && (
-        <LogoAnchor href="/">
+        <LogoAnchor to="/">
           <img src={logo} alt="Home" />
         </LogoAnchor>
       )}