fix: use codemod new-link

next/components/layout.js

@@ -48,20 +48,20 @@ export default function Layout({ children, home }) {
         ) : (
           <>
             <Link href="/">
-              <a>
-                <Image
-                  priority
-                  src="/images/profile.png"
-                  className={utilStyles.borderCircle}
-                  height={108}
-                  width={108}
-                  alt={name}
-                />
-              </a>
+
+              <Image
+                priority
+                src="/images/profile.png"
+                className={utilStyles.borderCircle}
+                height={108}
+                width={108}
+                alt={name}
+              />
+
             </Link>
             <h2 className={utilStyles.headingLg}>
-              <Link href="/">
-                <a className={utilStyles.colorInherit}>{name}</a>
+              <Link href="/" className={utilStyles.colorInherit}>
+                {name}
               </Link>
             </h2>
           </>
@@ -71,7 +71,7 @@ export default function Layout({ children, home }) {
       {!home && (
         <div className={styles.backToHome}>
           <Link href="/">
-            <a>← Back to home</a>
+            ← Back to home
           </Link>
         </div>
       )}

next/pages/hydra.js

@@ -69,7 +69,7 @@ export default function Hydra({ hydras }) {
         <ul className={utilStyles.list}>
           {hydras.map(({ id, title }) => (
             <li className={utilStyles.listItem} key={id}>
-              <Link href={`/hydra/${id}`}>
+              <Link href={`/hydra/${id}`} legacyBehavior>
                 <h4> {title}</h4>
               </Link>
             </li>

next/pages/index.js

@@ -43,7 +43,7 @@ export default function Home({ posts, talks }) {
           </p>
         </section>
         <section className={`${utilStyles.headingMd} ${utilStyles.padding1px}`}>
-          <Link href="/parvagues/" className={utilStyles.sectionLink}>
+          <Link href="/parvagues/" className={utilStyles.sectionLink} legacyBehavior>
             …code into <em>music</em>
           </Link>
           <p className="description">
@@ -52,7 +52,7 @@ export default function Home({ posts, talks }) {
           </p>
         </section>
         <section className={`${utilStyles.headingMd} ${utilStyles.padding1px}`}>
-          <Link href="/hydra/" className={utilStyles.sectionLink}>
+          <Link href="/hydra/" className={utilStyles.sectionLink} legacyBehavior>
             …code into <em>animated pixelscapes</em>
           </Link>
           <p className="description">
@@ -61,7 +61,7 @@ export default function Home({ posts, talks }) {
           </p>
         </section>
         <section className={`${utilStyles.headingMd} ${utilStyles.padding1px}`}>
-          <Link href="/poesie/" className={utilStyles.sectionLink}>
+          <Link href="/poesie/" className={utilStyles.sectionLink} legacyBehavior>
             …words into <em>thoughts</em>
           </Link>
           <p className="description">
@@ -69,7 +69,7 @@ export default function Home({ posts, talks }) {
           </p>
         </section>
         <section className={`${utilStyles.headingMd} ${utilStyles.padding1px}`}>
-          <Link href="/talks/" className={utilStyles.sectionLink}>
+          <Link href="/talks/" className={utilStyles.sectionLink} legacyBehavior>
             …ideas into <em>talks</em>
           </Link>
           <p className="description">
@@ -82,7 +82,7 @@ export default function Home({ posts, talks }) {
           <ul className={utilStyles.list}>
             {talks.map(({ id, title, description }) => (
               <li className={utilStyles.listItem} key={id}>
-                <Link href={`/talks#${id}`} className={utilStyles.listItemLink}>
+                <Link href={`/talks#${id}`} className={utilStyles.listItemLink} legacyBehavior>
                   {title}
                 </Link>
                 {description && (

next/pages/poesie.js

@@ -87,7 +87,7 @@ export default function Poems({ poems }) {
         <ul className={utilStyles.list}>
           {sortedPoems.map(({ id, title, date, language, tags }) => (
             <li className={utilStyles.listItem} key={id}>
-              <Link href={`/poesie/${id}`} className={utilStyles.listItemLink}>
+              <Link href={`/poesie/${id}`} className={utilStyles.listItemLink} legacyBehavior>
                 {title}
               </Link>
               <small className={utilStyles.lightText}>

next/pages/starry-nights.js

@@ -39,7 +39,7 @@ export default function NuitsEtoilees() {
         <br />
         <br />
         <ul className={utilStyles.list}>
-          <Link href="https://nech.pl/halley">
+          <Link href="https://nech.pl/halley" legacyBehavior>
             <li>
               <h3>
                 <a href="https://nech.pl/halley">⮞ Dusty Halley</a>
@@ -64,7 +64,7 @@ export default function NuitsEtoilees() {
               </p>
             </li>
           </Link>
-          <Link href="https://nech.pl/edge">
+          <Link href="https://nech.pl/edge" legacyBehavior>
             <li>
               <h3>
                 <a href="https://nech.pl/edge">⮞ Edge of Destruction</a>
@@ -90,7 +90,7 @@ export default function NuitsEtoilees() {
               </p>
             </li>
           </Link>
-          <Link href="https://nech.pl/ariane13">
+          <Link href="https://nech.pl/ariane13" legacyBehavior>
             <li>
               <h3>
                 <a href="https://nech.pl/ariane13">⮞ Ariane13</a>

next/pages/talks.js

@@ -54,7 +54,7 @@ export default function Talks({ talks, selection }) {
               slides,
               event,
             }) => (
-              <Link href={`/talks#${id}`} key={id}>
+              <Link href={`/talks#${id}`} key={id} legacyBehavior>
                 <li className={utilStyles.listItem}>
                   <h3 id={id}>{title}</h3>
                   {description && (