getInitialProps не возвращает ответ API

Question

Я получил этот код:

import React from 'react'
import fetch from 'isomorphic-unfetch'

import Layout from '../../src/components/layout'
import Nav from '../../src/components/nav'
import Fluid from '../../src/components/fluid'

Post.getInitialProps = async ({ query }) => {
  const res = await fetch(`https://schoolvol.mdcholewka.now.sh/api/getPost?slug=${query.slug}`)
  const json = await res.json()
  return json
}

function Post({ post }) {
  return (
    <Layout>
      <Nav />
      <Fluid>
        {post ? <p>{post.id}</p> : <p>Ładowanie...</p>}
      </Fluid>
    </Layout>
  )
}

export default Post

Проблема в том, что когда я загружаю сайт, он возвращает «Ładowan ie ...» (что означает загрузку в Poli sh). Через некоторое время никого не бывает. Какое решение?

Answer 1

Я посмотрел на этот образец: https://nextjs.org/learn/basics/fetching-data-for-pages/fetching-batman-shows. Вместо того, чтобы делать return json, я считаю, что вы должны использовать return { post: json }.

Answer 2

Не важно, я просто удалил эти {} из аргументов функции, и теперь она работает нормально.