This package contains a <NhostUrqlProvider /> with good defaults settings to quickly get started with Nhost, React, and URQL.

Get Started

Install

npm install @nhost/react @nhost/react-urql urql graphql

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import { NhostClient, NhostProvider } from '@nhost/react'
import { NhostUrqlProvider } from '@nhost/react-urql'

import App from './App'

const nhost = new NhostClient({
  subdomain: '<Your Nhost project subdomain>',
  region: '<Your Nhost project region>'
})

ReactDOM.render(
  <React.StrictMode>
    <NhostProvider nhost={nhost}>
      <NhostUrqlProvider nhost={nhost}>
        <App />
      </NhostUrqlProvider>
    </NhostProvider>
  </React.StrictMode>,
  document.getElementById('root')
)

Customization

This package contains a URQL provider and client for Nhost with good default settings. If you want to customize them, it's recommended to use this code as inspiration and set up your own URQL provider and client in your own code base.