Apollo Client about shopify-app-template-node HOT 12 CLOSED

I was experimenting with using @apollo/client as well. This works for me:

// _app.js

import { ApolloClient, ApolloProvider, InMemoryCache, createHttpLink } from '@apollo/client';

//...

function MyProvider(props) {
  const app = useAppBridge();

  const client = new ApolloClient({
    cache: new InMemoryCache(),
    link: createHttpLink({
      credentials: 'include',
      headers: {
        "Content-Type": "application/graphql"
      },
      fetch: authenticatedFetch(app)
    })
  });

  const Component = props.Component;

  return (
    <ApolloProvider client={client}>
      <Component {...props} />
    </ApolloProvider>
  );
}

And using useQuery in a component:

import { gql, useQuery } from '@apollo/client';

const GET_SHOP_NAME = gql`
query {
  shop {
    id
    name
    email
  }
}
`

export default function ShopInfo() {
  const { loading, error, data } = useQuery(GET_SHOP_NAME);

  if (loading) return <div>Loading...</div>;
  if (error) return <div>{error.message}</div>
  console.log(data)
  return (
      <p>OK</p>
  );
}

from shopify-app-template-node.

I keep getting this error even while using the code provided by @milancermak

Invariant Violation: Could not find "client" in the context or passed in as an option. Wrap the root component in an <ApolloProvider>, or pass an ApolloClient instance in via options.

from shopify-app-template-node.

The code of @milancermak worked fine for me

from shopify-app-template-node.

@milancermak you bloody legend. This took me way too long to find.

I'm also wondering what the hold up on Migrating to @apollo/client is?

from shopify-app-template-node.

I have the same issue

from shopify-app-template-node.

Hi, @paulomarg 👋 Any update on this one?

from shopify-app-template-node.

@milancermak Hi, I also use new Apollo/Client, but when do a query throw useQuery , the graphql post request occured cros error. I see your code in new ApolloClient ,you ad a authenticatedFetch, Does this line must be included ?

from shopify-app-template-node.

any update of this issue ?? @paulomarg i'm new to shopify app dev, find the react-apollo has been deprecated. I try to change it to Apollo/Client, but face query request keep loading , no error and no data return .

from shopify-app-template-node.

The code of @milancermak worked fine for me

thanks

from shopify-app-template-node.

It says to me:
statusCode: 401,
errors: '[API] Invalid API key or access token (unrecognized login or wrong password)'

from shopify-app-template-node.

This issue is stale because it has been open for 60 days with no activity. It will be closed if no further action occurs in 14 days.

from shopify-app-template-node.

We are closing this issue because it has been inactive for a few months.
This probably means that it is not reproducible or it has been fixed in a newer version.
If it’s an enhancement and hasn’t been taken on since it was submitted, then it seems other issues have taken priority.

If you still encounter this issue with the latest stable version, please reopen using the issue template. You can also contribute directly by submitting a pull request– see the CONTRIBUTING.md file for guidelines

Thank you!

from shopify-app-template-node.