Fix : title element received 1 element as children Warning

- title 요소는 자식으로 하나의 Text 요소만 받아야 된다는 경고 해결 - MILI-Dream | {title}으로 받으면 여러 개로 인식되는 것 같다. {`MILI-Dream | ${title}`} 이렇게 변경하면 경고가 안 뜬다. Related to: Frontend-board : /board/index.js (게시판 메인 페이지) #18 Make components for Frontend-board #17 Refer to: vercel/next.js#38256
osamhack2022 · Oct 5, 2022 · ecaac05 · ecaac05
1 parent a473abd
commit ecaac05
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/frontend/components/Layout.js b/frontend/components/Layout.js
@@ -3,16 +3,19 @@ import Seo from "../components/Seo";
 
 import { useRouter } from "next/router";
 
+import { Fragment } from "react";
+
 export default function Layout({ children }) {
     const router = useRouter();
-    const routerObj = { '/': 'Home', '/about': 'About' }
-    //console.log(router.pathname)
+    //const routerObj = { '/': 'Home', '/about': 'About' }
+    //console.log(typeof(router.pathname))
+    //{/*<Seo title={routerObj[router.pathname]} /> */}
+
     return (
-        <div>
-            {/*<Seo title={routerObj[router.pathname]} /> */}
+        <Fragment>          
             <Seo title={router.pathname} />
             <NavBar />
             <div>{children}</div>
-        </div>
+        </Fragment>
     )
-}
+}
diff --git a/frontend/components/Seo.js b/frontend/components/Seo.js
@@ -3,7 +3,7 @@ import Head from "next/head";
 export default function Seo({ title }) {
     return (
         <Head>
-            <title>MILI-Dream | {title}</title>
+            <title>{`MILI-Dream | ${title}`}</title>
         </Head>
     )
 }