···196196```ts
197197// app/page.tsx
198198import React from 'react';
199199-import Head from 'next/head';
200199import { cacheExchange, createClient, fetchExchange, gql } from '@urql/core';
201200import { registerUrql } from '@urql/next/rsc';
202201···257256}
258257```
259258260260-It is important that we pas both a client as well as the `ssrExchange` to the `Provider`
259259+It is important that we pass both a client as well as the `ssrExchange` to the `Provider`
261260this way we will be able to restore the data that Next streams to the client later on
262261when we are hydrating.
263262···358357```js
359358// pages/index.js
360359import React from 'react';
361361-import Head from 'next/head';
362360import { useQuery } from 'urql';
363361import { withUrqlClient } from 'next-urql';
364362