#106MiscHard

useObservable

useObservable

React state hook that tracks the latest value of an Observable.

Usage

import {useObservable} from 'react-use';

const counter$ = new BehaviorSubject(0);
const Demo = () => {
  const value = useObservable(counter$, 0);

  return (
    <button onClick={() => counter$.next(value + 1)}>
      Clicked {value} times
    </button>
  );
};
// TODO: implement useObservable
function notImplemented(..._args: any[]): any {
  throw new Error('Not implemented');
}
export default notImplemented;
export const useObservable = notImplemented;

Open browser consoleTests