@nhost/react-apollo

@nhost/react-apollo

For easy usage of Apollo and React

Documentation

Reference documentation

Install

$ npm install @nhost/react-apollo @nhost/react @apollo/client graphql react react-dom

or

$ yarn add @nhost/react-apollo @nhost/react @apollo/client graphql react react-dom

Usage

import React from 'react'
import ReactDOM from 'react-dom'
import { NhostClient, NhostReactProvider } from '@nhost/react'
import { NhostApolloProvider } from '@nhost/react-apollo'

import App from './App'

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

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