errors on npm start

[dani97]

after npm start on dashboard-start Check the app launched in frontend with errors Could not find "client" in the context of "Apollo(Dashboard)". Wrap the root component in an

< ApolloProvider >

[andregmoeller]

I think that the problem ist commit 42eae188c4464ee4cde79a148fae4c5009fb558e. If you take a look at https://github.com/azat-co/graphql-apollo/commit/42eae188c4464ee4cde79a148fae4c5009fb558e#diff-afc070ac89b56edde18943d62c03823eL198, you will see that it removes the DashboardWithMockData. So, open dashboard-view.jsx and replace the

const DashboardWithQuery = graphql(DASHBOARD_QUERY, {
  name: 'DashboardQuery',
  options (props) {
    return {
      variables: {
      },
      fetchPolicy: 'network-only'
    }
  }
})(Dashboard)

export default DashboardWithQuery

with

const DashboardWithMockData = (Component) => {
  const mockData = { "data": { "_allOrdersMeta": { "count": 1, "__typename": "_QueryMeta" }, "__typename": "Query", "allProducts": [{ "name": "Pro Express.js", "productQuantityPerOrders": [{ "id": "cje6ms9k64rnx0189ode05ow6", "quantity": 1, "__typename": "ProductQuantityPerOrder" }], "_productQuantityPerOrdersMeta": { "count": 1, "__typename": "_QueryMeta" }, "__typename": "Product" }, { "name": "Practical Node.js", "productQuantityPerOrders": [{ "id": "cje6msyim4rok01892irqwdir", "quantity": 2, "__typename": "ProductQuantityPerOrder" }], "_productQuantityPerOrdersMeta": { "count": 1, "__typename": "_QueryMeta" }, "__typename": "Product" }, { "name": "React Quickly", "productQuantityPerOrders": [], "_productQuantityPerOrdersMeta": { "count": 0, "__typename": "_QueryMeta" }, "__typename": "Product" }, { "name": "Full Stack JavaScript", "productQuantityPerOrders": [], "_productQuantityPerOrdersMeta": { "count": 0, "__typename": "_QueryMeta" }, "__typename": "Product" }], "_allProductsMeta": { "count": 4, "__typename": "_QueryMeta" }, "allOrders": [{ "amount": 49.99, "customerEmail": "hi@node.university", "productQuantityPerOrders": [{ "product": { "id": "cje64j94f4mrm0189ka7o2p33", "__typename": "Product" }, "quantity": 1, "__typename": "ProductQuantityPerOrder" }, { "product": { "id": "cje64k58b4mrz0189kg2yjjic", "__typename": "Product" }, "quantity": 2, "__typename": "ProductQuantityPerOrder" }], "__typename": "Order" }], "allNotifications": [{ "__typename": "Notification", "id": "cjea9dfqg5l7f0189g7x9olqo", "createdAt": "2018-03-02T18:14:35.000Z", "message": "User logged in", "type": "info" }] } }
  const props = {
    DashboardQuery: mockData.data,
  }
  props.DashboardQuery.loading = false
  return () => <Component {...props} />
}

export default DashboardWithMockData(Dashboard)