default docs example for 2.0 is not working

I copy pasted this code:

import { ApolloClient, HttpLink } from 'apollo-client-preset';

const client = new ApolloClient({
  link: new HttpLink({
    uri: 'https://graphql.example.com',
  }),
});

and this is not working: Error: In order to initialize Apollo Client, you must specify link & cache properties on the config object. This is part of the required upgrade when migrating from Apollo Client 1.0 to Apollo Client 2.0. For more information, please visit: https://apollographql.com/docs/react/setup to help you get started.

[jordanmauricio]

@HamidReazaNikoonia It appears you’re importing the ApolloClient as a named export, but you should be importing it directly. This means just removing the curly brackets ( { } ) around your ApolloClient import. More information on named vs default imports here: https://stackoverflow.com/questions/36795819/when-should-i-use-curly-braces-for-es6-import/36796281

edit: Also seems like you’re using the uri config property for ApolloClient while using the apollo-client package instead of the apollo-boost package. The uri property only works with apollo-boost because has it has default packages in the background that handles everything for you. But, with apollo-client you’re going to have to do that heavy lifting yourself. If all you need is a simple app, you can switch over to apollo-boost, but if you’re looking for features like uploading, you’re better off sticking with apollo-client for manipulating your link. To which other packages you need to setup the client properly you can checkout their docs: https://www.npmjs.com/package/apollo-client

Hope that that helps you out. 😃

[misoguy]

I’d like to try creating a PR if no one is on it yet 😃