React hook for RxJS

hook$.ts

export function use$<T>(subject$: BehaviorSubject<T>){
    const [state, setState] = React.useState<T>(subject$.value);
    React.useEffect(() => {
        const subscription = subject$.subscribe({
            next(data){
                setState(data)
            }
        });
        return () => {
            subscription.unsubscribe();
        }
    }, [])
    return state
}