\n\n`@urql/exchange-context` is an exchange for the [`urql`](https://github.com/urql-graphql/urql) GraphQL client which can set the operation context both synchronously as well as asynchronously\n\n## Quick Start Guide\n\nFirst install `@urql/exchange-context` alongside `urql`:\n\n```sh\nyarn add @urql/exchange-context\n# or\nnpm install --save @urql/exchange-context\n```\n\nYou'll then need to add the `contextExchange`, that this package exposes, to your `urql` Client, the positioning of this exchange depends on whether you set an async setter or not. If you set an async context-setter it's best placed after all the synchronous exchanges (in front of the fetchExchange).\n\n```js\nimport { createClient, cacheExchange, fetchExchange } from 'urql';\nimport { contextExchange } from '@urql/exchange-context';\n\nconst client = createClient({\n url: 'http://localhost:1234/graphql',\n exchanges: [\n cacheExchange,\n contextExchange({\n getContext: async operation => {\n const token = await getToken();\n return { ...operation.context, headers: { authorization: token } };\n },\n }),\n fetchExchange,\n ],\n});\n```\n","readmeFilename":"README.md"}