routing

1 files changed, 12 insertions, 5 deletions

diff --git a/frontend/pages/item.js b/frontend/pages/item.js
index 4c0ddad..962634e 100644
--- a/frontend/pages/item.js
+++ b/frontend/pages/item.js
@@ -2,10 +2,17 @@ import React from 'react';
 import Page from '../components/Page';
 import SingleItem from '../components/SingleItem';
 
-const ItemPage = props => (
-  <Page>
-    <SingleItem id={props.router.query.id} />
-  </Page>
-);
+class ItemPage extends React.Component {
+  static async getInitialProps({ query }) {
+    return { query };
+  }
+  render() {
+    return (
+      <Page>
+        <SingleItem id={this.props.query.id} />
+      </Page>
+    );
+  }
+}
 
 export default ItemPage;