context.passport.getUser() is not working on the client side

Problem: context.passport.getUser() is not working on the client side. When I login using the playground and then run the currentUser query, I am returned the expected results, however, when I try to reproduce this on the client side using react and apollo client, I get back undefined.

Note, my previous ticket had similar issues with getting context.passport.isAuthenticated to work client side. Not sure why this is working now but context.passport.getUser isn’t working.

To Reproduce: for the backend:

1. Clone this repo/branch
2. Run yarn
3. Run yarn build:dev
4. In a second terminal, run yarn run:dev.
5. Login using the playground.

mutation {
  login(email: "[e-mail]", password: "abc") {
    user {
      id
      firstName
      lastName
      email
    }
  }
}

1. Run the isAuthenticated query. You should get the response of true.

query {
  isAuthenticated
}

1. Run the currentUser query. You should get back an accurate response.

query{
  currentUser{
    email
    firstName
    lastName
  }
}

for the frontend:

1. Clone this repo/branch
2. Run yarn
3. Run yarn build:dev
4. Run yarn start
5. The browser should open to localhost:8080.
6. Click the ‘login’ button, which will login using the same credentials as the playground.
7. Click the ‘isAuthenticated’ button, which will confirm that you are authenticated.
8. (make sure you have the dev console open) Click the ‘Current User’ button, which will perform the current user query. You will see in the console that undefined results are returned.

[jkettmann]

Hey Jimmy. Sorry for missing this. Still don’t get notifications somehow. I’ll try to have a look tomorrow. Thanks for providing an example repo btw

[jimmy-e]

I just needed to add withCredentials: true to my axios options 🤦‍♂️ apologies, should have probably posted this to stackoverflow instead.

BTW, need to do this for React Suspense. It’s currently in beta but is pretty cool and would recommend checking it out if you’re curious.

import axios from 'axios';

const get = async (gqlString: any): Promise<any> => {
  const body = JSON.stringify({ query: gqlString.loc.source.body });
  const config = {
    headers: { 'Content-Type': 'application/json' },
    withCredentials: true, // THIS FIXED IT
  };
  const response = await axios.post(`http://${process.env.URI}`, body, config);
  return response.data;
};

export default {
  get,
};