Tag: #reactjs
-
useMutation does not work from react front end but works in apollo client with same variables Mutation.js
0 I am trying to executate a mutation called createGroup, when i do it graphQl apolo clients it creates the group in firebase collection successfully but in the react frontend it does not work. When the create button is clicked in the appolo dev tools it shows as mutation started but nothing happens on firebase.…
-
How to update apollo cache
0 I am wondering why it’s very hard to update a data inside of apollo client cache, comparing to similar libraries like react-query it’s too complicated For example, When I have a query with pagination (offset and limit) and get an array of items, When I perform a mutation on one item , and from…
-
loading queries from .graphql files and use them with apollo client and react
0 Hi guys basicalle I’m creating an app using react, graphql and apollo client, currently I,m loading the queries from a .tsx file with this kind of structure const MULTIPLE_WELLS_FROM_TAO2 = gql` query { query_multiple_wells_from_tao2db { selected_well { opru_fld_nme { value } prod_govt_lse_nbr { value } well_cmpl_seq_nbr { value } } } } `; and…
-
Call graphql query from form submit
0 I have a simple react app like const [shoe, setShoe] = useState(”) formSubmit = () => { e.preventDefault() const { data } = useQuery<GetShoeDetailsQuery,GetShoeDetailsQueryVariables>(getShoeDetailsQuery, { variables: { name: String(shoe), }, }) console.log(data) } <form onSubmit={formSubmit}> <input type="text" onChange: (e: { target: { value: SetStateAction<string> } }) => { setShoe(e.target.value) }, > <button></button> </form> so…
-
How to use AWS Amplify GraphQL search and aggregate queries in React code?
0 In the current AWS Amplify React documentation there are no any examples showing how to use these GraphQL queries in React code. Can someone please post an example here. Authentication method needs be the API_KEY. Thanks. query SearchStudentsByEmail { searchStudents(filter: { name: { eq: "Rene Brandel" } }) { items { id name email…
-
Error: Gatsby query was left in the compiled code while testing with vitest
0 I am working on a Gatsby website and while testing a component with a graphql query using vitest I keep getting this error : Error: It appears like Gatsby is misconfigured. Gatsby related graphql calls are supposed to only be evaluated at compile time, and then compiled away. Unfortunately, something went wrong and the…
-
@graphql-codegen/typescript-react-query not generating object format for useQuery
-1 I am using @graphql-codegen/typescript-react-query to generate typescript from my graphql schema. these are my @graphql-codegen dependencies "@graphql-codegen/cli": "^5.0.0", "@graphql-codegen/typescript": "^4.0.1", "@graphql-codegen/typescript-operations": "^4.0.1", "@graphql-codegen/typescript-react-query": "^6.0.0", "@graphql-eslint/eslt-plugin": "^3.19.1", my generation configuration is: "schema.ts": { plugins: [ "typescript", "typescript-operations", "typescript-react-query" ], config: { enumValues: enumValues, exposeDocument: true, exposeQueryKeys: true, exposeMutationKeys: true, exposeFetcher: true, addInfiniteQuery: true } }…
-
Variables of required type not provided despited their validity
2 I’m getting a GraphQL error I can’t seem to pinpoint the source of. Variable “$title” of required type “String!” was not provided. Variable “$body” of required type “String!” was not provided. Variable “$price” of required type “Int!” was not provided. The error message is simple. There are three required variables for this mutation and…
-
Track image upload progress in graphql mutation
0 I am running a graphql mutation to upload an image to the server. And operation is done successfully. My only question is that how do i track the progress of image upload on frontend? What percentage of the image size is uploaded? I want to show it in the progressbar in the frontend. Below…
-
What is the npm command to build and create package of Apollo Grapphql server application?
0 What is the npm command to build and create package of Apollo Grapphql server application? I am using nodemon start command to run the application. But I want to create package and publish it in the server. Which npm command we can use for build and packaging? I am using nodemon start command to…