Configured nav area to use Next router's path

Author: itzg

.gitignore

@@ -28,3 +28,5 @@ yarn-error.log*
 .env.development.local
 .env.test.local
 .env.production.local
+
+/.idea/

components/header.js

@@ -1,11 +1,14 @@
 import {Nav, Navbar} from "react-bootstrap";
 import Link from "next/link";
 import SourceCodeLink from "./sourceCodeLink";
+import {useRouter} from "next/router";
 
 export default function Header() {
+  const router = useRouter();
+
   return (
       <Navbar>
-        <Nav>
+        <Nav activeKey={router.pathname}>
           <Link href="/" passHref>
             <Nav.Link>Home</Nav.Link>
           </Link>

pages/bs-native-html5.js

@@ -40,7 +40,10 @@ function ValidatedFormControl({
 }
 
 export default function BsNativeHtml5() {
-  const [values, setValues] = useState({favoriteNumber: 42});
+  const [values, setValues] = useState({
+    yourName: "",
+    favoriteNumber: 42
+  });
   const [submitted, setSubmitted] = useState({});
   const [validated, setValidated] = useState(false);