diff --git a/examples/api-routes-middleware/pages/index.js b/examples/api-routes-middleware/pages/index.js
index 2e7c283d6b72849..757276eb807c1dd 100644
--- a/examples/api-routes-middleware/pages/index.js
+++ b/examples/api-routes-middleware/pages/index.js
@@ -2,11 +2,11 @@ import fetch from 'isomorphic-unfetch'
 
 const Index = ({ cookie }) => <div>{`Cookie from response: ${cookie}`}</div>
 
-Index.getInitialProps = async () => {
+export async function getServerSideProps() {
   const response = await fetch('http://localhost:3000/api/cookies')
   const cookie = response.headers.get('set-cookie')
 
-  return { cookie }
+  return { props: { cookie } }
 }
 
 export default Index