apollographql / react-apollo-error-template

Apollo Client issue reproduction.

Apollo Client Issue Reproduction

Welcome! If you are here then you were likely referred to this repo when reporting an error to apollographql/apollo-client. The core team is invested in making the best client for GraphQL possible, so when you hit an error it is important to the team that the error is resolved as soon as possible.

Unfortunately, describing an error in GitHub is often not enough to truly understand the reported issue. By creating a small reproduction test case using this template repo the Apollo Client team will be able to identify and fix your error much faster then they could without.

This repo was created with vite and is appropriate for reproductions of client-rendered React applications. To make changes in the GraphQL schema make sure to look at the ./src/index.jsx file where we define a GraphQL schema using GraphQL.js which will run in the browser.

☑️ Apollo Client User Survey
What do you like best about Apollo Client? What needs to be improved? Please tell us by taking a one-minute survey. Your responses will help us understand Apollo Client usage and allow us to serve you better.

Reproductions with other frameworks

• Next.js: see our apollographql/next-apollo-example repository
• React Native: see our apollographql/rn-apollo-client-testbed repository

If you are not using React, a small reproduction case with your framework of choice would go a long way.

Reproduction Creation Steps

1. Fork this repository to your GitHub account, or fork the CodeSandbox and skip steps 2-4.
2. By default, cloning this repostiory gives you an Apollo Client 3.0-based application. If you would like to start with a legacy Apollo Client 2.6 application, clone or checkout the ac2 branch:

git clone --branch ac2 [email protected]:apollographql/react-apollo-error-template.git
# Or, after cloning the repository:
git checkout -t origin/ac2

3. After cloning, install all dependencies with npm install.
4. Start the development server with npm start.
5. Make the changes that will reproduce this error locally.
6. When ready, push your changes back to GitHub and let the apollo-client team know where they can be found.

react-apollo-error-template's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): lock file maintenance

Pending Status Checks

These updates await pending status checks. To force their creation now, click the checkbox below.

• fix(deps): update dependency @apollo/client to v3.9.10

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update dependency vite to v5.1.7 [security]
• chore(deps): update react monorepo (@types/react, @types/react-dom)
• fix(deps): update dependency graphql-ws to v5.16.0
• Click on this checkbox to rebase all open PRs at once

Vulnerabilities

1/1 CVEs have Renovate fixes.

npm

package.json

vite

• GHSA-8jhw-289h-jh2g (fixed in 5.1.7)

Detected dependencies

circleci

.circleci/config.yml

• secops 2.0.7

npm

package.json

• @apollo/client 3.9.9
• graphql 16.8.1
• graphql-ws 5.15.0
• react 18.2.0
• react-dom 18.2.0
• react-router-dom 6.22.3
• @types/react 18.2.66
• @types/react-dom 18.2.22
• @vitejs/plugin-react 4.2.1
• eslint 8.57.0
• eslint-plugin-react 7.34.1
• eslint-plugin-react-hooks 4.6.0
• eslint-plugin-react-refresh 0.4.6
• vite 5.1.6

request: add license to this repo

what license is this repository?

Fails to build

Failed to compile.

Error in ./src/index.js
Module build failed: Error: Failed to load plugin import: Cannot find module 'eslint-plugin-import'
Referenced from: /private/tmp/react-apollo-error-template/node_modules/react-scripts/.eslintrc
    at Array.forEach (native)
    at Array.reduceRight (native)
 @ multi main

Could someone checkin a package-lock.json or a yarn.lock?

Configure repo to be a template repository

By checking the "Template repository" checkbox in the repository settings, you allow people to use this repo as a base for their error reproduction application using only a couple of clicks.

See the GitHub documentation for more details about template repositories.

CodeSandbox error

This error template does not build on CodeSandbox out of the box, which is suggested in the Apollo Client bug template.

Adding a main package.json field (as in this forked sandbox):

  "main": "src/index.jsx",

also results in an error:

TypeError: Cannot read properties of undefined (reading 'QUERY')
    at $csb$eval (https://97wpy.csb.app/node_modules/graphql/type/introspection.mjs:92:49)