Fix <head>

sarsamurmu · Aug 22, 2024 · 34a9815 · 34a9815
1 parent fe6d1d0
commit 34a9815
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/meta_head.js b/src/components/meta_head.js
@@ -1,5 +1,6 @@
 import coverImg from '/assets/cover_image.png'
 import faviconImg from '/assets/favicon.png'
+import Head from 'next/head'
 
 export const MetaHead = () => {
   const description = `Sarsa's website`
@@ -9,7 +10,7 @@ export const MetaHead = () => {
   const favicon = faviconImg.src
 
   return (
-    <>
+    <Head>
       <title>{siteName}</title>
       <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
       <meta name='mobile-web-app-capable' content='yes' />
@@ -40,6 +41,6 @@ export const MetaHead = () => {
       <link rel='apple-touch-icon-precomposed' href={favicon} />
       <meta name='msapplication-TileImage' content={favicon} />
       <link rel='icon' href={favicon} sizes='192x192' type='image/png' />
-    </>
+    </Head>
   )
 }
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -9,9 +9,8 @@ import { MetaHead } from '@/components/meta_head'
 export default function Home() {
   return (
     <>
+      <MetaHead />
       <Head>
-        <MetaHead />
-
         <style>{`
           body, html {
             background-color: #1a1a1a;