Emotion and Tanststack Start

Have someone have successfully manage to configure emotion base framework like material-ui with tankstack Start ?
Bae on the documentation https://mui.com/material-ui/guides/server-rendering/ we need to

ReactDOMServer.renderToString

ReactDOMServer.renderToString

the whole component on the server and extract/build the css and inject it into the meta tag. Here are express (https://github.com/mui/material-ui/tree/v6.x/examples/material-ui-express-ssr) and remix (https://github.com/mui/material-ui/tree/v6.x/examples/material-ui-remix-ts) configuration... I dont see a way within ssr.tsx to renderToString the whole page.... any suggestion?

The most common use case for server-side rendering is to handle the initial render when a user (or search engine crawler) first requests your app.

GitHub

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever. - mui/material-ui

GitHub

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever. - mui/material-ui

TanStack•13mo ago•

19 replies

verbal-lime

ReactDOMServer.renderToString

ReactDOMServer.renderToString

The most common use case for server-side rendering is to handle the initial render when a user (or search engine crawler) first requests your app.

GitHub

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever. - mui/material-ui

GitHub

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever. - mui/material-ui