Tag: apollo-client
-
Error handling in Apollo Server GraphQL not redirecting to login page
0 // Error handling code in Apollo Client onError(({ graphQLErrors, networkError }) => { if (graphQLErrors) { graphQLErrors.forEach(({ message, locations, path }) => { console.log( `[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}` ); if (message.includes("not authenticated")) { if (typeof window === "undefined") { ctx.res?.writeHead(302, { Location: "/login" }); ctx.res?.end(); } else { useRouter().replace("/login"); }…
-
Mock UseMutation in react testing library and jest used in custom hook
0 I have created a custom hook which is having several functions for processing the data and calling the functions. I am writing the test cases for few specific scenarios inside the hook. I will mention in the code below only functions specific to my case. This is my custom hook : useShippingInformation.js const useShippingInformation…
-
Adding an entity to apollo-client cache after mutation to match query variables
0 I’m currently building a SPA with apollo-graphql and everything is working fine so far. However, I have reached a point where the apollo cache causes some issues. I have a UI which provides several filter criteria. The fields are mapped to variables in my graphql query, specifically a project ID and a timespan (start/end…
-
why `refetch` in “useLazyQuery” of Apollo-client, doesn’t causing component re-rendering or update `data` in next js?
0 I created a react-hook for useLazyQuery. export const useCustomQuery = ({ query, variables, hasAuth, hasVar }: HookOptions) => { let options = {}; if (Boolean(hasVar) && Boolean(variables)) { options = { …options, variables, }; } if (Boolean(hasAuth)) { let token = ""; if (typeof window !== "undefined") { token = localStorage.getItem("accessToken") || ""; }…
-
Cannot read properties of undefined (reading ‘FIELD’) when bumping @apollo/client to 3.8.x
0 I have a particular feature where I require to implement a second graphql client (using @apollo/client) that uses the old ws protocol for subscriptions – the other graphql client uses the latest one. This is a code snippet of a codesandbox link import React, { useState } from "react"; import reactLogo from "./assets/react.svg"; import…
-
String cannot represent a non string value [Apollo client and nextjs]
0 I am working on a project which uses apollo client and nextjs on the frontend and apollo server with nodejs on the backend In nextJs when i am using getServerSideProps , i am passing a string variable "orderBy" with the query export async function getServerSideProps(context: GetServerSidePropsContext) { const { query } = context const…
-
Catch apollo client errors when using errorLink
0 I’m using Apollo error link to handle graphQL errors. In most cases, I would only want to catch the error and show an alert, which is something I can easily to when defining onError, but in one of my views I’m running a mutation call and there I would like to catch the error…
-
GraphQL Client for C++ and .NET
7 Is there an GraphQL client library available for C++ (Windows and Linux) and .NET? From Apollo website I can only see clients for React, Vue.js, Angular, Android, iOS, Ember and Meteor. If there is an Apollo client for C++ and .NET, where is it located ? If not, what should be used ? graphql…
-
Next.js getStaticProps error in production. GraphQL Apollo client not rendering variable, instead getting error: Type error: No value exists in scope
0 My code seems to work in development but when I step away from the local environment, i get an error: Type error: No value exists in scope for the shorthand property ‘currentTime’. Either declare one or provide an initializer. I am using Next.js and Typescript. I am not sure if this is a type…
-
module.export = {} with Vite React
0 I created a react App with Vite, and I want to use Apollo extension to get Intellisense when building GraphQL queries. According to the extension docs, I created an apollo.config.js file at the root with this code : module.exports = { client: { service: { name: "my-graphql-app", url: "https://localhost:4000/graphql", }, }, }; But since…
