useTickerStream

Hook to stream market information (mark price, index price, 24h stats) for a single symbol.

This hooks streams market information data for given symbol (e.g. PERP_BTC_USDC).

• Tech docs

Example

const marketInfo = useTickerStream("PERP_BTC_USDC");

return (
  <>
    <div className="flex flex-col">
      <div className="color-gray">Mark</div>
      <div>{stream.mark_price}</div>
    </div>
    <div className="flex flex-col">
      <div className="color-gray">Index</div>
      <div>{stream.index_price}</div>
    </div>
    <div className="flex flex-col">
      <div className="color-gray">24h volume</div>
      <div>{stream["24h_amount"]}</div>
    </div>
  </>
);