Update custom-server-express example with getServerSideProps

examples/custom-server-express/package.json

@@ -10,7 +10,7 @@
     "cross-env": "^5.2.0",
     "express": "^4.14.0",
     "next": "latest",
-    "react": "^16.7.0",
-    "react-dom": "^16.7.0"
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0"
   }
 }

examples/custom-server-express/pages/posts.js

@@ -1,19 +1,17 @@
-import React, { Component } from 'react'
+import React from 'react'
 
-export default class extends Component {
-  static getInitialProps({ query: { id } }) {
-    return { postId: id }
-  }
+export default function(props) {
+  return (
+    <div>
+      <h1>My {props.id} blog post</h1>
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
+        tempor incididunt ut labore et dolore magna aliqua.
+      </p>
+    </div>
+  )
+}
 
-  render() {
-    return (
-      <div>
-        <h1>My blog post #{this.props.postId}</h1>
-        <p>
-          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-          eiusmod tempor incididunt ut labore et dolore magna aliqua.
-        </p>
-      </div>
-    )
-  }
+export async function getServerSideProps({ query: { id } }) {
+  return { props: { id } }
 }