Removed dynamic import and toString, renamed component

Author: AlexTechNoir

components/ListItem.js

@@ -49,9 +49,9 @@ export default function ListItem({ i }) {
                 shortname='youknowwhatblog'
                 config={
                   {
-                    url: `${process.env.NEXT_PUBLIC_PROD_HOST}/articles/${i.id.toString()}`,
-                    identifier: i.id.toString(),
-                    title: i.title.toString(),
+                    url: `${process.env.NEXT_PUBLIC_PROD_HOST}/articles/${i.id}`,
+                    identifier: i.id,
+                    title: i.title,
                   }
                 }
               >

components/article/Comments.js

@@ -1,16 +1,16 @@
 import styled from 'styled-components'
 import { DiscussionEmbed } from 'disqus-react'
 
-export default function DisqusComments({ params }) {
+export default function Comments({ params }) {
   return (
     <Footer>
       <DiscussionEmbed
         shortname='youknowwhatblog'
         config={
           {
-            url: `${process.env.NEXT_PUBLIC_PROD_HOST}/articles/${params.id.toString()}`,
-            identifier: params.id.toString(),
-            title: params.title.toString(),
+            url: `${process.env.NEXT_PUBLIC_PROD_HOST}/articles/${params.id}`,
+            identifier: params.id,
+            title: params.title,
             language: 'en_GB'
           }
         }

pages/articles/[id].js

@@ -1,11 +1,10 @@
 import useSWR from 'swr'
 import styled from 'styled-components'
 import Head from 'next/head'
-import dynamic from 'next/dynamic'
 
 import Markdown from '../../components/article/Markdown'
 import SocialButtons from '../../components/article/SocialButtons'
-const Comments = dynamic(() => import('../../components/article/Comments'))
+import Comments from '../../components/article/Comments'
 
 const fetcher = url => fetch(url).then(r => r.json())