next-urql setup for SSR

[longfellowone]

Having a hard time understand the docs for using urql with nextjs. Just have a few questions

(1) Is this how I should be setting up to SSR a page with getServerSideProps? I noticed if I remove the "react-is" dependency this still works? if I remove it will it break anything?

https://github.com/longfellowone/tools/blob/104ba9a78e2cb3c526dc3494ccab6a67c57ed1a7/web/pages/index.tsx

const Index: NextPage = () => {
  return <ToolList />
}

export const getServerSideProps: GetServerSideProps = async () => {
  const [client, ssrCache] = urqlClient()

  await client?.query(EmployeeListDocument).toPromise()
  await client?.query(ToolListDocument).toPromise()

  return {
    props: {
      urqlState: ssrCache.extractData(),
    },
  }
}

export default withUrqlClient(urqlClientConfig, { ssr: false })(Index)

https://github.com/longfellowone/tools/blob/104ba9a78e2cb3c526dc3494ccab6a67c57ed1a7/web/lib/urqlClient.ts

export const urqlClientConfig: NextUrqlClientConfig = (ssrExchange) => ({
  url: process.env.NEXT_PUBLIC_GRAPHQL_URL as string,
  exchanges: [
    dedupExchange,
    refocusExchange(),
    cacheExchange({ schema }),
    ssrExchange,
    fetchExchange,
  ],
})

export const urqlClient = (): [Client | null, SSRExchange] => {
  const ssrCache = ssrExchange({ isClient: false })
  const client = initUrqlClient(
    {
      url: process.env.NEXT_PUBLIC_GRAPHQL_URL as string,
      exchanges: [dedupExchange, cacheExchange({ schema }), ssrCache, fetchExchange],
    },
    false
  )

  return [client, ssrCache]
}