diff --git a/components/comment.js b/components/comment.js
index 1bbe5f3..eb32478 100644
--- a/components/comment.js
+++ b/components/comment.js
@@ -14,6 +14,7 @@ export default class Comment extends React.Component {
     return (
       <div className="comment">
         <div className="meta">
+          {/* TODO: time hydration mismatch */}
           {user} {timeAgo(new Date(date))} ago{' '}
           <span onClick={this.toggle} className="toggle">
             {this.state.toggled
diff --git a/components/meta.js b/components/meta.js
index 2ef5031..8804a86 100644
--- a/components/meta.js
+++ b/components/meta.js
@@ -1,5 +1,4 @@
 import Head from 'next/head'
-// import Router from 'next/router'
 
 export default function Meta() {
   return (
diff --git a/pages/item.server.js b/pages/item.server.js
index 72a7ed8..a45e569 100644
--- a/pages/item.server.js
+++ b/pages/item.server.js
@@ -1,10 +1,13 @@
 import ItemPage from '../components/item.server'
 
-export default function Item({ router }) {
-  const { id } = router.query
+export default function Item({ id }) {
   return <ItemPage id={id} />
 }
 
-export const config = {
-  runtime: 'edge',
+export async function getServerSideProps({ query }) {
+  return {
+    props: {
+      id: query.id
+    }
+  }
 }
\ No newline at end of file