feat: 🎸 <Link> に passHref を付与した (#302)

Author: nikukyugamer

components/HumbergerMenu/Navigation.tsx

@@ -7,12 +7,16 @@ const Navigation = () => {
     <div id="outer-container">
       <Menu pageWrapId={'page-wrap'} outerContainerId={'outer-container'}>
         <p className="text-2xl">
-          <Link href="/">幻水総選挙2022</Link>
+          <Link href="/" passHref>
+            幻水総選挙2022
+          </Link>
         </p>
         <div className="divide-neutral-50">
           <div className="divider"></div>
         </div>
-        <Link href="/events-in-event">イベント内企画</Link>
+        <Link href="/events-in-event" passHref>
+          イベント内企画
+        </Link>
         <PreviousWebsites />
       </Menu>
     </div>

components/NavBar.tsx

@@ -40,7 +40,9 @@ const NavBar: NextPage = () => {
     <>
       <div className="navbar bg-neutral text-white sticky top-0 z-50">
         <div className="text-xl pl-4 font-zen-old-mincho">
-          <Link href="/">{t.WEBSITE_TITLE}</Link>
+          <Link href="/" passHref>
+            {t.WEBSITE_TITLE}
+          </Link>
         </div>
 
         <div className="absolute right-20 bg-neutral text-white">

pages/events-in-event.tsx

@@ -24,7 +24,9 @@ const EventsInEvent: NextPage = () => {
         <div className="text-base bg-gray-700 text-white breadcrumbs pl-6 pb-2 sticky top-16 z-50">
           <ul>
             <li>
-              <Link href="/">{t.PAGE_TITLE_HOME}</Link>
+              <Link href="/" passHref>
+                {t.PAGE_TITLE_HOME}
+              </Link>
             </li>
             <li>{t.PAGE_TITLE_PROJECTS}</li>
           </ul>

pages/events-in-event/election-campaign.tsx

@@ -23,10 +23,14 @@ const ElectionCampaign: NextPage = () => {
         <div className="text-base bg-gray-700 text-white breadcrumbs pl-6 pb-2 sticky top-16 z-50">
           <ul>
             <li>
-              <Link href="/">{t.PAGE_TITLE_HOME}</Link>
+              <Link href="/" passHref>
+                {t.PAGE_TITLE_HOME}
+              </Link>
             </li>
             <li>
-              <Link href="/events-in-event">{t.PAGE_TITLE_PROJECTS}</Link>
+              <Link href="/events-in-event" passHref>
+                {t.PAGE_TITLE_PROJECTS}
+              </Link>
             </li>
             <li>{t.PAGE_TITLE_CAMPAIGNING}</li>
           </ul>

pages/events-in-event/novels-on-themes.tsx

@@ -23,10 +23,14 @@ const NovelsOnThemes: NextPage = () => {
         <div className="text-base bg-gray-700 text-white breadcrumbs pl-6 pb-2 sticky top-16 z-50">
           <ul>
             <li>
-              <Link href="/">{t.PAGE_TITLE_HOME}</Link>
+              <Link href="/" passHref>
+                {t.PAGE_TITLE_HOME}
+              </Link>
             </li>
             <li>
-              <Link href="/events-in-event">{t.PAGE_TITLE_PROJECTS}</Link>
+              <Link href="/events-in-event" passHref>
+                {t.PAGE_TITLE_PROJECTS}
+              </Link>
             </li>
             <li>{t.PAGE_TITLE_NOVELS_ON_THEME}</li>
           </ul>

pages/events-in-event/op-cl-illustrations.tsx

@@ -24,10 +24,14 @@ const OpClIllustrations: NextPage = () => {
         <div className="text-base bg-gray-700 text-white breadcrumbs pl-6 pb-2 sticky top-16 z-50">
           <ul>
             <li>
-              <Link href="/">{t.PAGE_TITLE_HOME}</Link>
+              <Link href="/" passHref>
+                {t.PAGE_TITLE_HOME}
+              </Link>
             </li>
             <li>
-              <Link href="/events-in-event">{t.PAGE_TITLE_PROJECTS}</Link>
+              <Link href="/events-in-event" passHref>
+                {t.PAGE_TITLE_PROJECTS}
+              </Link>
             </li>
             <li>{t.PAGE_TITLE_OP_CL_ILLUSTS}</li>
           </ul>