Eu tenho um componente React com alguma lógica componentDidMount:

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

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

É possível passar esse componente com props para que tudo em componentDidMount () seja executado, de alguma forma para manipular os fantoches para fazer uma captura de tela? Algo nesse 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' });

Eu sei que eu poderia usarpage.goto(), mas tenho uma lógica de login complexa que eu gostaria de evitar com um atalho como esse e, em vez disso, transmita todos os objetos necessários apenas diretamente para o componente?