feat: Add useLive()

[ntucker]

Motivation

Specialization: It's fairly common to want polling when also getting the data.

Solution

Add new hook useLive() so the behaviors can still be separated if needed.

Async rendering of changing remote data.

useSuspense() + useSubscription() in one hook.

import { useLive } from '@data-client/react';
import { getTicker } from './Ticker';

function AssetPrice({ productId }: Props) {
  const ticker = useLive(getTicker, { productId });
  return (
    <center>
      {productId}{' '}
      <Formatted value={ticker.price} formatter="currency" />
    </center>
  );
}

[codecov-commenter]

Codecov Report

Merging #2287 (566f5e1) into master (ab5f7ef) will increase coverage by 0.00%.
The diff coverage is 100.00%.

@@           Coverage Diff           @@
##           master    #2287   +/-   ##
=======================================
  Coverage   98.30%   98.31%           
=======================================
  Files         124      125    +1     
  Lines        1950     1955    +5     
  Branches      293      293           
=======================================
+ Hits         1917     1922    +5     
  Misses         16       16           
  Partials       17       17           

Impacted Files	Coverage Δ
packages/react/src/hooks/useLive.ts	100.00% <100.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more