@urql/exchange-refocus

An exchange that dispatches active operations when the window regains focus

Usage no npm install needed!

<script type="module">
  import urqlExchangeRefocus from 'https://cdn.skypack.dev/@urql/exchange-refocus';
</script>

README

@urql/exchange-refocus

@urql/exchange-refocus is an exchange for the urql GraphQL client that tracks currently active operations and redispatches them when the window regains focus

Quick Start Guide

First install @urql/exchange-refocus alongside urql:

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

Then add it to your Client, preferably after the dedupExchange but in front of any asynchronous exchanges, like the fetchExchange:

import { createClient, dedupExchange, cacheExchange, fetchExchange } from 'urql';
import { refocusExchange } from '@urql/exchange-refocus';

const client = createClient({
  url: '/graphql',
  exchanges: [dedupExchange, refocusExchange(), cacheExchange, fetchExchange],
});