Is there a way to use a non-rendered React component? about modern-screenshot

[qq15725]

const container = document.createElement('div')
container.style.opacity = '0'
container.style.position = 'fixed'
document.body.appendChild(container)

const root = document.createElement('div')
container.appendChild(root)

const reactRoot = ReactDOM.createRoot(root)
//              👇🏻
reactRoot.render(<div ref={ onDidMount }>Hello, world</div>)

function onDidMount() {
  modernScreenshot.domToPng(root).then(dataUrl => {
    const link = document.createElement('a')
    link.download = 'screenshot.png'
    link.href = dataUrl
    link.click()
  })
}

https://codepen.io/qq15725/pen/PoXYyBe

[pthieu]

thanks, had to modify slightly but this works
migrating over to this library!