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>
+    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>
+        <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

@@ -29,3 +29,8 @@ body {
       margin: 0 auto;
   }
 }
+
+a.nostyle {
+  text-decoration: inherit;
+  color: inherit;
+}