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>
</>
);
};