Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[styles] Simplify the server-side rendering API

See original GitHub issue

Expected Behavior

I should be able to pass a SheetsRegistry to <JssProvider> and it should be populated with styles generated from calls to makeStyles().

Current Behavior

SheetsRegistry is not populated with CSS from calls to makeStyles().

The SSR documentation is empty so this may be par for the course for the new @material-ui/styles package.

Your Environment

"@material-ui/core": "3.5.1",
"@material-ui/styles": "^3.0.0-alpha.0"

Issue Analytics

State:
Created 5 years ago
Comments:15 (12 by maintainers)

Top GitHub Comments

2reactions

joshwoodingcommented, Dec 4, 2018

@TroySchmidt see #13800

1reaction

eps1loncommented, Nov 15, 2018

The ThemeProvider is used for a generic theme and is not specific to the theme shape used in @material-ui/core.

It’s basically just a utility component that is both context consumer and provider in order to merge outer themes with the theme passed via props.

The distinction is made via ThemeProvider vs MuiThemeProvider naming.

Top Results From Across the Web

mui/material-ui - [styles] Simplify the server-side rendering API

I should be able to pass a SheetsRegistry to <JssProvider> and it should be populated with styles generated from calls to makeStyles(). Current ......

Server-Rendering Responsively - Artsy Engineering

We use server-side rendering (SSR) to deliver every page you hit on artsy.net. We decided on using SSR for many reasons, amongst them ......

Styling with server-side rendering - React - LinkedIn

Styling with server-side rendering can be difficult since create-react-app normally uses CSS modules. In this video, learn several strategies for adding ...

Server-Side React Rendering | CSS-Tricks

In this tutorial, we'll take you through a server-side rendering example step-by-step. including working around a common roadblock for React ...

What is server-side rendering? - Educative.io

Server -side rendering (SSR), is the ability of an application to contribute by displaying the web-page on the server instead of rendering it...