Next.js Router.push does not set any req.headers

Question

I have an issue with doing backend queries in getInitialProps function after executing client side Router.push() from another endpoint.

Here is what I mean. In my signup page, I call Router.push('/') to return to the home page:

  proceedToIndex = () => {
    Router.push('/');
  }

In my '/' page, I call getInitialProps as follows:

  static async getInitialProps (context) {
    try {
      if (context.req.headers.cookie) {
          const resp = await getUser(context.apolloClient);

          if (resp.data.getUser && resp.data.getUser.id) {
            return { user: resp.data.getUser };
          }
      };
    } catch(e) {
      console.log(e);
    }
    return { user: undefined };
  }

I end up with a crash saying cannot call cookie of undefined for context.req.headers.cookie. So headers is undefined when I execute Router.push('/'). What is going on here and how do I feed headers into my request object in context?

.Maybe helpful..

iLuvLogix
– iLuvLogix

2019-02-12 16:17:52 +00:00
Commented Feb 12, 2019 at 16:17 — iLuvLogix
– iLuvLogix, Commented Feb 12, 2019 at 16:17

Andrew Ingram · Accepted Answer · 2019-02-13 16:24:43Z

1

There are no requests when using Router.push. It's a client-side API, and requests only exist in the initial server render.

answered Feb 13, 2019 at 16:24

Andrew Ingram

5,2402 gold badges28 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Joshu Over a year ago

This does not seem to be true anymore. A simple console.log(context.req.cookies); in getServerSideProps(context) will give you the request object with up-to-date information. However, for anyone trying to re-render the same page with new data, you should pass a key prop to your components that need to change based on the data.

Andrew Ingram Over a year ago

@joshu getServerSideProps always runs on the server, so has access to a request. The question was about getInitialProps which runs on both server and client.

Collectives™ on Stack Overflow

Next.js Router.push does not set any req.headers

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related