Ruxp: React components for declarative UXP entry points

For anyone using bolt-uxp before ruxp has support for the framework, this is the crude solution i am working with

/*
    Disgusting workaround to a timing issue within uxp
*/

const A = ()=>{
  return <p>CONTENT IN MAIN PANEL</p>
}
const B = ()=>{
  return <p>CONTENT IN SECOND PANEL</p>
}

setTimeout(()=>{
  const secondRoot = document.querySelector('body>uxp-panel')!;
  const root = createRoot(secondRoot);
  root.render(<B />);
},1)

export const App = () => {
  const hostName = (uxp.host.name as string).toLowerCase();
  return (
    <>
      <A />
      <uxp-panel panelid="your id here"></uxp-panel>
    </>
  );
};