@-ft/watch-target-react

watch-target-react - Util watchTarget wrapper for React

React wrapper of util watchTarget

Usage

function Portal({ children }) {
  const { addComponent } = useContext(PortalContext);
  const childrenWatchTarget = useLayoutWatchTarget(children);
  useEffect(
    () => addComponent(toComponent(childrenWatchTarget.watch)),
    [addComponent]
  );
  return null;
}

function toComponent(childrenWatchTarget) {
  return function Component() {
    return <>{useWatchValue(childrenWatchTarget)}</>;
  };
}