button with nextlink wrapping as component

frontend/src/components/RouteButton.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { chakra, Button, Link } from "@chakra-ui/react";
+import NextLink from "next/link";
+
+const _RouteButton = (props) => {
+  return (
+    <NextLink href={props.href} passHref>
+      <Button as={Link} {...props}>
+        {props.children}
+      </Button>
+    </NextLink>
+  );
+};
+
+const RouteButton = chakra(_RouteButton, "button");
+
+export default RouteButton;