Tengo un componente React con alguna lógica de componentDidMount:

export default class MyComponent {
    componentDidMount() {
        // some changes to DOM done here by a library  
    }

    render() {
        return (
            <div>{props,.data}</div>
        );
    }
}

¿Es posible pasar este componente con accesorios para que todo en componentDidMount () se ejecute, de alguna manera al titiritero para tomar una captura de pantalla? Algo en este sentido:

const browser = await puppeteer.launch({ headless: true });
const page = await browser.newPage();

const html = ReactDOMServer.renderToString(<MyComponent data='' />); <-- but this skips the componentDidMount logic
await page.setContent(html);
await page.screenshot({ path: 'screenshot.png' });

Sé que podría usarpage.goto(), pero tengo una lógica de inicio de sesión compleja que me gustaría evitar con un acceso directo como este y, en su lugar, paso todos los accesorios necesarios directamente al componente.