apollo-client: [3.0.0-beta.24] Module not found: Can't resolve 'apollo-client' in 'node_modules/@apollo/react-hooks/lib'

@bstro we haven’t quite finished our migration guide yet (it should be done this upcoming week), but React Apollo’s hooks are now included in @apollo/client. You can (and should) drop your @apollo/react-hooks dependency, and instead import directly from @apollo/client.

Thank you @mhuconcern ! Based on what you said, I looked into it further and realized there was a beta version of react-ssr ( “@apollo/react-ssr”: “^4.0.0-beta.1”), and that fixed it upon updating. Seems like the old ssr had the hooks dependency, and that was my problem!

@mshahbazm because @latest is stable. you need to use @beta

npm install @apollo/react-components@beta

You can always check what versions are available on the Versions Tab on npm: https://www.npmjs.com/package/@apollo/react-components?activeTab=versions

@TheoMer Are you using next-with-apollo? I was facing this issue today. You’ll need to install the latest 5.0 version. Because some of my code is still not refactored to hooks I also needed to use @apollo/react-components@beta. Also if you want to use SSR you need to install @apollo/react-ssr@beta and then import getDataFromTree and pass it:

import withApollo from 'next-with-apollo';
import { getDataFromTree } from '@apollo/react-ssr';
import { notification } from 'antd';
import {
  ApolloClient,
  ApolloLink,
  HttpLink,
  InMemoryCache,
} from '@apollo/client';
import { onError } from '@apollo/link-error';

export default withApollo(
  ({ ctx, headers, initialState }) =>
    new ApolloClient({
      link: ApolloLink.from([
        onError(({ graphQLErrors, networkError, response }) => {
          if (graphQLErrors) {
            // Do something with the errors
            graphQLErrors.forEach(error => {
              // console.log(error);
              console.error(
                `[GraphQL error]: Message: ${error.message}, Location: ${error.locations}, Path: ${error.path}`
              );
              notification.error({
                message: 'Error',
                description: error.message,
              });
            });
          } else if (networkError) {
            console.error(`[Network error]: ${networkError}`);
          }
        }),
        new HttpLink({
          uri: process.env.NODE_ENV === 'development' ? endpoint : backendUrl,
          credentials: 'include',
          headers: {
            cookie: headers && headers.cookie,
          },
        }),
      ]),
      cache: new InMemoryCache({}).restore(initialState || {}),
    }),
  { getDataFromTree }
);

This solves my issue but I noticed you added this to your release milestone so I’ll leave this open. Thank you for getting back to me so quickly.