pildre / stacknote-lp

1 stars 0 forks source link

JSS bug #8

Closed dorokei closed 5 years ago

dorokei commented 5 years ago

Image from Gyazo

Image from Gyazo

dorokei commented 5 years ago

The same issue is here.

dorokei commented 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>
  )
});