getServerSideProps should support props value as Promise

docs/basic-features/data-fetching.md

@@ -672,7 +672,7 @@ The `context` parameter is an object containing the following keys:
 
 `getServerSideProps` should return an object with:
 
-- `props` - An **optional** object with the props that will be received by the page component. It should be a [serializable object](https://en.wikipedia.org/wiki/Serialization)
+- `props` - An **optional** object with the props that will be received by the page component. It should be a [serializable object](https://en.wikipedia.org/wiki/Serialization) or a Promise that resolves to a serializable object.
 - `notFound` - An **optional** boolean value to allow the page to return a 404 status and page. Below is an example of how it works:
 
   ```js

packages/next/server/render.tsx

@@ -804,6 +804,10 @@ export async function renderToHTML(
         ;(renderOpts as any).isRedirect = true
       }
 
+      if ((data as any).props instanceof Promise) {
+        ;(data as any).props = await (data as any).props
+      }
+
       if (
         (dev || isBuildTimeSSG) &&
         !isSerializableProps(

test/integration/getserversideprops/pages/promise/index.js

@@ -0,0 +1,15 @@
+export async function getServerSideProps() {
+  return {
+    props: (async function () {
+      return {
+        text: 'promise',
+      }
+    })(),
+  }
+}
+
+export default ({ text }) => (
+  <>
+    <div>hello {text}</div>
+  </>
+)

test/integration/getserversideprops/test/index.test.js

@@ -136,6 +136,12 @@ const expectedManifestRoutes = () => [
       slug: 'slug',
     },
   },
+  {
+    dataRouteRegex: normalizeRegEx(
+      `^\\/_next\\/data\\/${escapeRegex(buildId)}\\/promise.json$`
+    ),
+    page: '/promise',
+  },
   {
     dataRouteRegex: normalizeRegEx(
       `^\\/_next\\/data\\/${escapeRegex(buildId)}\\/refresh.json$`
@@ -523,6 +529,11 @@ const runTests = (dev = false) => {
     expect(data.pageProps.post).toBe('post-1')
   })
 
+  it('should return data correctly when props is a promise', async () => {
+    const html = await renderViaHTTP(appPort, `/promise`)
+    expect(html).toMatch(/hello.*?promise/)
+  })
+
   it('should navigate to a normal page and back', async () => {
     const browser = await webdriver(appPort, '/')
     let text = await browser.elementByCss('p').text()