How to connect Provider

import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import { PersistentCacheProvider, } from "graphql-persistent-layer"

ReactDOM.render( <React.StrictMode> </React.StrictMode>, document.getElementById('root') );

How to use our persist hook

import {usePersistentContext} from "graphql-persistent-layer"

function App() {

const {loading, error, data, refetch} = useQuery(FETCH_SHIPS, { variables: {limit: 10}, fetchPolicy:"cache-first" })

const persist = usePersistentContext()

if(loading){ return loading }

if(error){ return error }

return ( <button onClick={() => perist.purge()}>perge data ); }