@bloc-js/react-bloc/lib-esnext/bloc-builder.js

React components for implementing the BLoC pattern.

import { useEffect, useState } from "react";
export function BlocBuilder(props) {
    const [state, setState] = useState(props.bloc.value);
    useEffect(() => {
        const subscription = props.bloc.subscribe(data => {
            setState(data);
        });
        return () => subscription.unsubscribe();
    });
    return props.builder(state);
}