Graz Provider

With graz, you only need to wrap AbstractProvider with its provider as it already uses react-query under the hood.

import { GrazProvider } from 'graz'
import { mainnetChains } from 'graz/chains'
import { createConfig, AbstractProvider } from '@abstract-money/react'
import { grazProvider } from '@abstract-money/provider-graz'
 
const config = createConfig({
  apiUrl: 'https://testnet.api.abstract.money/graphql',
  provider: grazProvider
})
 
export function App() {
  return (
    <GrazProvider grazOptions={{ 
      chains: [mainnetChains.osmosis], 
      chainsConfig: { 
        [mainnetChains.osmosis.chainId]: { 
          gas: { 
            price: '0.25', 
            denom: 'uosmo', 
          }, 
        }, 
      }, 
    }}>
      <AbstractProvider config={config}>
        {/*...*/}
      </AbstractProvider>
    </GrazProvider> 
  )
}