useDelegateFocus

It allows delegating the focus action generated on the web-component to a reference

Usage

const ref = useRef();
useDelegateFocus(ref);
return <host>
<button>...</button>
<input ref={ref}/>
</host>

Any focus action on the web-component will redirect the effect on the ref, eg https://webcomponents.dev/edit/vMBJSomCc0PWfhrpeJ5m