import React from 'react';
import { Provider } from 'react-redux';
import { hydrate } from 'react-dom';
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import CssBaseline from '@material-ui/core/CssBaseline';
import store from './redux/store';
import App from './components/App';
import themeObject from '../style/theme';

const windowInit = window; // eslint-disable-line no-undef

// Example theme instance of theme in server
const theme = createMuiTheme(themeObject);

/* eslint-disable no-underscore-dangle, no-undef */
hydrate(
  <MuiThemeProvider theme={theme}>
    <CssBaseline />
    <Provider store={store}>
      <App store={store} locale={windowInit.__LOCALE__} />
    </Provider>
  </MuiThemeProvider>,
  document.querySelector('#app'),
);