Server Side Rendering with Apollo Client

[hin101]

I am getting the following error when I try to server side render with Apollo Client. It works fine on the client side:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.>"

Steps to reproduce

• setup Apollo Client as per https://www.apollographql.com/docs/react/get-started/

Expected behavior

Should server side render fine

Actual behavior

PostContentBuilderApp.js

import React from 'react';
import AppContext from '../utilities/appContext';
import PostContentBuilder from "./PostContentBuilder/components/PostContentBuilder";
import { ApolloProvider } from '@apollo/react-hooks';
import { client } from './PostContentBuilder/utils/client';

const postContentBuilderApp = (props) => {
  return(
  <AppContext.Provider
    value={{
      propsFromRails: props,
    }}
  >
    <ApolloProvider client={client}>
      <PostContentBuilder />
    </ApolloProvider>
  </AppContext.Provider>
  )
};

export default postContentBuilderApp;

client.js

import fetch from 'node-fetch';
import ApolloClient from 'apollo-boost';
import { typeDefs } from './resolvers';

export const client = new ApolloClient({
    fetch: fetch,
    clientState: {
      typeDefs,
    },
  });

resolvers.js

export const typeDefs = `
  type NewCmsComponentEntityInput!{
    arguments: {
      name: String,
      position: Int,
      parentId: ID,
      cmsPageId: ID
    }
  }
`;

[LauraAubin]

I'm seeing this too when I try to render my component from a controller. I have to turn prerender off to get around the error,

render component: 'Home', props: {}, prerender: false

[hin101]

I worked out what it was, we have to import whatwg-fetch in our entry point.

Issue #264 helped me debug this.