Tag: #reactjs
-
Data not displayed in React.js frontend with graphql
0 graphql query running import { gql } from ‘@apollo/client’; const GET_CLIENTS = gql` query getClients { clients { id name email phone } } `; export { GET_CLIENTS }; import {gql} from ‘@apollo/client’; const DELETE_CLIENT = gql` mutation deleteClient($id: ID!) { deleteClient(id:$id) { id name email phone } } `;[enter image description here][1] export…
-
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…
-
Data is not displayed at front end react with graphql queries at node.js backend
0 import { gql } from ‘@apollo/client’; const GET_CLIENTS = gql` query getClients { clients { id name email phone } } `; export { GET_CLIENTS }; import {gql} from ‘@apollo/client’; const DELETE_CLIENT = gql` mutation deleteClient($id: ID!) { deleteClient(id:$id) { id name email phone } } `; export {DELETE_CLIENT}; import React from ‘react’; 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…
-
Limit API Calls in nextJS to Hygraph
0 I’m building nextJS webApp that accesses hygraph for data management via API calls(GraphQL). Hygraph limits the free plan to 1M API calls per project per month. Each page on the webapp requests data independently through API with useeffect. For example: const Team = () => { let router = useRouter(); const [profile, setProfile] =…
-
Problem with setTimeout when sending Graphql mutation in React
1 I had this problem. I need to divide the values from one form into two parts and send them to one address. graphql mutation calc($applicationRecipientsFilter: ApplicationRecipientsFilterInput) { create(applicationRecipientsFilter: $applicationRecipientsFilter) { id city { id name } applicationType recipients } } hooks const { mutate } = useMutation(calc); const addNewNotification = useCallback( async (args) =>…
-
Data not displayed in mongodb with graphql
0 graphql query running import { gql } from ‘@apollo/client’; const GET_CLIENTS = gql` query getClients { clients { id name email phone } } `; export { GET_CLIENTS }; import {gql} from ‘@apollo/client’; const DELETE_CLIENT = gql` mutation deleteClient($id: ID!) { deleteClient(id:$id) { id name email phone } } `;[enter image description here][1] export…
-
Lead GraphQL Developer – ADDSOURCE – Remote
ADDSOURCE Remote Skills API Best Practices Javascript User Interface Business Requirements ReactJS Node.js Translate graphql B2B Software Job Description Role Lead GraphQL Developer Location USA(Remote) Contract: 6+ Months **Responsibilities:** 1. Design, implement, and maintain GraphQL APIs for telecommunication customer-facing solutions. 2. Collaborate with cross-functional teams to understand business requirements and translate them into GraphQL schemas…
-
Invariant Violation: When using graphql Mutation on nextjs 13
0 all my query is working well, except for my graphql mutation. hope you can help. I’m using the same code on my other project, the only difference is this form is inside a modal. error on showing And I know this mutation on my playground is working graphql playground working mutation here’s my full…
-
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…
