12345678910111213141516171819202122232425262728
import { useEvt } from "./useEvt.ts";import React from "https://dev.jspm.io/react@18.2.0";;const { useState } = React;
type CtxLike<Result = any> = import("../lib/types/interfaces/CtxLike.ts").CtxLike<Result>;
interface StatefulReadonlyEvtLike {    state: unknown;    attach: (ctx: CtxLike, cb: (state: unknown)=> void)=> void;};
/** * https://docs.evt.land/react-hooks#usererenderonstatechange *  * To use StatefulEvt as react component state. * */export function useRerenderOnStateChange(evt: StatefulReadonlyEvtLike): void {
    //NOTE: We use function in case the state is a function    const [, setState] = useState(() => evt.state);
    useEvt(        ctx =>            evt.attach(ctx, state => setState(() => state)),        [evt]    );}