Communities.js

const withCommunities = graphql(gql`
    query CommunitiesQuery($offset: Int!, $limit: Int!) {
        viewer {
            communities(offset: $offset, limit: $limit) {
                totalCount,
                elements {
                    id
                    ...communityInfo
                }
            }
        }
    }
`, {
    props({data}) {
        // this part is called with a data.viewer being undefined
        return { communities: data.viewer.communities };
    },
    options(props) {
        return {
            forceFetch: true,
            fragments: Community.fragment,
            variables: {
                offset: 0,
                limit: Pager.PAGE_SIZE
            }
        }
    }
});

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, Link, hashHistory } from 'react-router';
import createHistory from 'history/createHashHistory';
import ApolloClient, { createNetworkInterface } from 'apollo-client';
import { ApolloProvider } from 'react-apollo';
import { createStore, combineReducers, applyMiddleware, compose } from 'redux';

const client = new ApolloClient({
    networkInterface: createNetworkInterface("http://localhost:8083/")
});

let combinedReducer = combineReducers({
    filter: 'SHOW_ALL',
    apollo: client.reducer()
});


const store = compose(
  applyMiddleware(
    client.middleware()
  )
)(createStore)(combinedReducer);

ReactDOM.render(
    <ApolloProvider client={client} store={store}>
        <Router history={hashHistory}>
           { routes }
        </Router>
    </ApolloProvider>,
    document.getElementById('container')
);