espero que alguien pueda ayudarme, ya invertí 36 horas tratando de resolver este problema, pero no tuve suerte. Estoy redirigiendo a un cliente a una página de éxito, que se genera mediante una función de Gatsby que se ejecuta desde /api/orders/success.js , esta función debería devolver una respuesta similar a tener un servidor Express. res.send(ReactDOMServer.renderToString(<Test />)) para enviar una respuesta, deseo usar mi propio componente <Layout /> . Sin embargo, siempre recibo un error, así que probé con otro componente <Test /> , parece ser un problema con webpack, babel o ambos, porque tan pronto como elimino el comentario, por ejemplo, el componente Layout , también recibo un error sobre Al no tener un cargador para comprender la importación del módulo, ya intenté agregar un cargador personalizado para el paquete web, pero no sé cómo hacerlo funcionar. En este caso, a partir del código adjunto, el componente <Test /> generará un <h1> sin problemas, pero tan pronto como agregue un archivo css importado como import * as Styles from 'test.module.css' , lo hará romper, nuevamente, un problema relacionado con algún cargador relacionado con el paquete web que no entiende css, pero no tengo idea de cómo funciona todo esto, qué cargador/cargadores debo agregar, dónde y cómo hago que funcione junto con Gatsby. ¡Gracias!

 import * as ReactDOMServer from 'react-dom/server' // import Layout from '../../components/layout' import Test from '../../components/test' const Success = (req, res) => { res.send(ReactDOMServer.renderToString(<Test />)) }