Problem with signup and signin

[HowardPWeiss]

I am working through the notedly website in the book. I am in chapter 15 "Web Authentication and State" having just completed the section "Creating a Sign-In Form". I am trying to run the application at this point. I have also tried running solution 04-Authentication-State.

I have no current user -> Authentication is not defined in the req headers. This causes a failure in the getUser function in api/source/index.js. Specifically, the call to jwt.verify returns "JsonWebTokenError: jwt malformed". This prevents me from running any action which calls getUser. It appears that the code always expect a Authorization to be a jwt function. But how can this be if there is no signed-in user?

What should getUser return if there is no user and whatt.verify would the modified code look like?

Note: I previously discovered that I had to call JSON.parse on the token to obtain an object which I could pass to jwt.verify. If authentication header is undefined, the call to JSON.parse returns "SyntaxError: Unexpected token u in JSON at position 0" which happens because it tried to parse "undefined".

Howard Weiss

[HowardPWeiss]

I think this state occurs if you delete all cookies -> you have deleted any stored JSON tokens.

[Rollo-the-coder]

Not sure about your current issue, but I am working through chapter 15 and found that some of the apollo code is out of date.

Specifically the code referring to client.writeData become out of date with the new releases of Apollo.
If you run into that problem this is what I did.

signup.js

//Apollo Client
const client = useApolloClient();

//Mutation hook
const [signUp, { loading, error }] = useMutation(SIGNUP_USER, {
onCompleted: (data) => {
//logs the JSON web token when mutation is complete
//console.log(data.signUp);

  // //store the JWT in localstorage
  localStorage.setItem('token', data.signUp);
  // //update the local cache

  const IS_LOGGED_IN = gql`
    query IsUserLoggedIn {
      isLoggedIn @client
    }
  `;

  client.writeQuery({
    query: IS_LOGGED_IN,
    data: {
      isLoggedIn: true,
    },
  });
  // //redirect the user to the homepage
  props.history.push('/');
},

});

App.js

//configure Apollo Client
const client = new ApolloClient({
link: authLink.concat(httpLink),
cache,
resolvers: {},
connectToDevTools: true,
});

const IS_LOGGED_IN = gqlquery IsUserLoggedIn { isLoggedIn @client };

cache.writeQuery({
query: IS_LOGGED_IN,
data: {
isLoggedIn: !!localStorage.getItem('token'),
},
});