GraphQL queries are called inside page component but failes inside of getServerSideProps #17410

M1ck0 · 2020-09-28T07:40:16Z

M1ck0
Sep 28, 2020

I have a GraphQL query that is called in getServerSideProps. The query returns an error when called in getServerSideProps, but the same query works when calling it from the page component using useQuery hook.

Other queries are executed successfully when calling them inside of getStaticProps function.

This is code for the query

export async function getServerSideProps(ctx) {
  const apolloClient = initializeApollo()

  const token = ctx.req.headers.cookie && cookie.parse(ctx.req.headers.cookie)

  let data = await apolloClient.query({
    query: GET_LESSON,
    variables: {
      courseTitle: ctx.query.slug,
      lessonTitle: ctx.query.lessons,
    },
    context: {
      headers: {
        Authorization: `Bearer ${token && token.user_token}`,
      },
    },
  })

  return {
    props: {
      lessonData: data.data,
    },
  }
}

Error I get

response: Response {
      size: 0,
      timeout: 0,
      [Symbol(Body internals)]: [Object],
      [Symbol(Response internals)]: [Object]
    },
    statusCode: 400,
    bodyText: '<html>\r\n' +
      '<head><title>400 Bad Request</title></head>\r\n' +
      '<body>\r\n' +
      '<center><h1>400 Bad Request</h1></center>\r\n' +
      '<hr><center>cloudflare</center>\r\n' +
      '</body>\r\n' +
      '</html>\r\n'

Any help and ideas would be appreciated.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

GraphQL queries are called inside page component but failes inside of getServerSideProps #17410

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

GraphQL queries are called inside page component but failes inside of getServerSideProps #17410

Uh oh!

Uh oh!

M1ck0 Sep 28, 2020

Replies: 0 comments

M1ck0
Sep 28, 2020