Integrating @urql/exchange-retry’s retryExchange

Integrating urql is as simple as:

1. Install packages

yarn add urql graphql
# or
npm install --save urql graphql

2. Add retry exchange

yarn add @urql/exchange-retry
# or
npm install --save @urql/exchange-retry

3. Setting up the Client and adding the retryExchange here

4. Execute the Query here

With Retry

This example shows urql in use with @urql/exchange-retry's retryExchange to implement retrying failed operations. This largely follows the "Retrying Operations" docs page and uses the trygql.formidable.dev/graphql/intermittent-colors schema, which emits a special NO_SOUP error randomly.

To run this example install dependencies and run the start script:

yarn install
yarn run start
# or
npm install
npm run start

This example contains:

• The urql bindings and a React app with a client set up in src/App.jsx
• The retryExchange from @urql/exchange-retry in src/App.jsx
• A random colour query in src/Color.jsx