Socket Providers

Socket providers are designed to help with real-time subscriptions to market changes.

⚠️

Crucial for all Watch Hooks

FeedSocketProvider

The FeedSocketProvider is responsible for establishing and maintaining the socket connection. It supports the ConditionUpdatesProvider and GameUpdatesProvider.

Usage

Wrap your application in FeedSocketProvider:

import { FeedSocketProvider } from '@azuro-org/sdk'
 
function Providers(props: { children: React.ReactNode }) {
  const { children } = props
 
  return (
    <FeedSocketProvider>
      {children}
    </FeedSocketProvider>
  )
}

GameUpdatesProvider

The GameUpdatesProvider tracks real-time updates about game state changes.

Usage

Wrap your application in GameUpdatesProvider inside the FeedSocketProvider:

import { FeedSocketProvider, GameUpdatesProvider } from '@azuro-org/sdk'
 
 
function Providers(props: { children: React.ReactNode }) {
  const { children } = props
 
  return (
    <FeedSocketProvider>
      <GameUpdatesProvider>
        {children}
      </GameUpdatesProvider>
    </FeedSocketProvider>
  )
}

ConditionUpdatesProvider

The ConditionUpdatesProvider tracks updates related to:

Condition state changes
Odds changes for different outcomes

Usage

Wrap your application in ConditionUpdatesProvider, nested under both FeedSocketProvider and GameUpdatesProvider:

import { FeedSocketProvider, GameUpdatesProvider, ConditionUpdatesProvider } from '@azuro-org/sdk'
 
 
function Providers(props: { children: React.ReactNode }) {
  const { children } = props
 
  return (
    <FeedSocketProvider>
      <GameUpdatesProvider>
        <ConditionUpdatesProvider>
        {children}
        </ConditionUpdatesProvider>
      </GameUpdatesProvider>
    </FeedSocketProvider>
  )
}

Live Betslip