Closed dorokei closed 5 years ago
I use this code and maybe fixed it!
import React from 'react';
import JssProvider from 'react-jss/lib/JssProvider';
import {
MuiThemeProvider,
createMuiTheme,
createGenerateClassName
} from '@material-ui/core/styles';
import { SheetsRegistry } from 'react-jss/lib/jss';
export default () => ({
beforeRenderToElement: (App, { meta }) => props => {
meta.sheetsRegistry = new SheetsRegistry();
const muiTheme = createMuiTheme({});
const generateClassName = createGenerateClassName();
const sheetsManager = new Map();
return (
<JssProvider
registry={meta.sheetsRegistry}
generateClassName={generateClassName}
>
<MuiThemeProvider theme={muiTheme} sheetsManager={sheetsManager}>
<App {...props} />
</MuiThemeProvider>
</JssProvider>
);
},
Head: ({ meta }) => (
<React.Fragment>
<style
id="jss-server-side"
dangerouslySetInnerHTML={{ __html: meta.sheetsRegistry.toString() }}
/>
</React.Fragment>
)
});