URQL automatic error handling toaster

errorExchange.ts

import { Exchange } from 'urql';
import { pipe, tap } from 'wonka';
import { toast } from 'react-hot-toast';

export const errorExchange: Exchange =
  ({ forward }) =>
  (ops$) =>
    pipe(
      forward(ops$),
      tap(({ error }) => {
        if (error) {
          toast.error(error.message.replace('[GraphQL]', ''), {
            id: 'graphql-error',
          });
        }
      }),
    );