a in Link so noscript works

components/Blog/Card.tsx

@@ -10,11 +10,12 @@ interface IContentCard {
 }
 
 const ContentCard: NextPage<IContentCard> = (content: IContentCard) => {
-    return <Link href={`/blog/${content.type}/${content.name}`} passHref>
-        <div className={styles.card}>
-            <h3 className={styles.title}>{content.title}</h3>
-            <p className={styles.description}>{content.description}</p>
-        </div>
+    return <Link href={`/blog/${content.type}/${content.name}`}><a className="nostyle">
+            <div className={styles.card}>
+                <h3 className={styles.title}>{content.title}</h3>
+                <p className={styles.description}>{content.description}</p>
+            </div>
+        </a>
     </Link>;
 };
 

components/Blog/Navigation.tsx

@@ -5,11 +5,13 @@ import styles from "../../styles/Blog/Navigation.module.scss";
 
 const Navigation: NextPage<{}> = () => {
     return <nav className={styles.navigation}>
-        <Link href={"/"} passHref>
-            <picture>
-                <source srcSet="/icon.png" type="image/png" />
-                <img src="/icon.png" alt={"Website icon, a red eye"} className={styles.logo} />
-            </picture>
+        <Link href={"/"}>
+            <a className="nostyle">
+                <picture>
+                    <source srcSet="/icon.png" type="image/png" />
+                    <img src="/icon.png" alt={"Website icon, a red eye"} className={styles.logo} />
+                </picture>
+            </a>
         </Link>
         <div className={styles.navLink}>Projects</div>
         <div className={styles.navLink}>About me</div>

styles/globals.scss

@@ -28,4 +28,9 @@ body {
       max-width: 900px;
       margin: 0 auto;
   }
+}
+
+a.nostyle {
+  text-decoration: inherit;
+  color: inherit;
 }