[feature/Apollo] Error on page refresh: Cannot match against 'undefined' or 'null'.

On the [feature/apollo] branch, I have a very basic component that receives data from a GraphQL query. When I go to this page, the query returns all of the data I would expect.

import React from 'react';
import PropTypes from 'prop-types';
import { graphql } from 'react-apollo';

import getChannelsandUsersQuery from './getChannelsandUsersQuery.graphql';

class SendMessageForm extends React.Component {
  render() {
    return (
      <div>
        Test
      </div>
    );
  }
}

export default graphql(getChannelsandUsersQuery)(SendMessageForm);

If I refresh the page, the app throws a big error:

Error: GraphQL error: Cannot match against 'undefined' or 'null'.
    at new ApolloError (C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\errors\ApolloError.js:32:28)
    at C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\core\QueryManager.js:281:41
    at C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\core\QueryManager.js:726:25
    at Array.forEach (native)
    at C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\core\QueryManager.js:723:27
    at Array.forEach (native)
    at QueryManager.broadcastQueries (C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\core\QueryManager.js:720:42)
    at QueryManager.broadcastNewStore (C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\core\QueryManager.js:71:14)
    at C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\ApolloClient.js:45:44
    at C:\Users\asdf\Desktop\asdf\node_modules\redux-thunk\lib\index.js:14:16
    at Object.dispatch (C:\Users\asdf\Desktop\asdf\node_modules\redux\lib\applyMiddleware.js:45:18)
    at C:\Users\asdf\Desktop\asdf\node_modules\apollo-client\src\core\QueryManager.js:657:33
    at <anonymous>
    at process._tickDomainCallback (internal/process/next_tick.js:208:7)

I am still on the new side to react/graphql and this is a real head scratcher, can someone point me in the right direction so that refreshes do not break the app?

[tim-soft]

There appears to be some disconnect between server and client apollo

Just adding stuff to the middleware context causes problems with SSR, but adding the same context beneath allows queries to run without crashing. I’ll need to keep digging as I don’t understand why this helps

//server.js
// Register API middleware
// -----------------------------------------------------------------------------
const graphqlMiddleware = expressGraphQL(async req => ({
  schema,
  context: {
   // Add some stuff
  },
  graphiql: __DEV__,
  rootValue: { request: req },
  pretty: __DEV__,
}));

//
// Register server-side rendering middleware
// -----------------------------------------------------------------------------
app.get('*', async (req, res, next) => {
  try {
    const css = new Set();

    const apolloClient = createApolloClient({
      schema,
      rootValue: { request: req },
      context: {
        // Add the same context stuff here
      }
    });

[ulani]

@tim-soft thank you very much for crating this issue! Unfortunately, we have close it due to inactivity. Feel free to re-open it or join our Discord channel for discussion.

NOTE: The main branch has been updated with React Starter Kit v2, using JAM-style architecture.