yarn add fusion-plugin-material-ui

// ButtonWrap.js
import React from 'react';
import Button from '@material-ui/styles/Button';

export ButtonWrap = () => (
  <Button
    variant="contained"
    color="primary"
  >
    with bacon
  </Button>
)

// main.js
import React from 'react';
import App from 'fusion-react';

import MuiThemeProvider, {MuiThemeProviderToken} from 'fusion-plugin-material-ui';

export default () => {
  const app = new App(root);
  // will use the default theme
  app.register(MuiThemeProviderToken, MuiThemeProvider);
  return app;
}

// main.js
import React from 'react';
import App from 'fusion-react';

import MuiThemeProvider, {MuiThemeProviderToken, MuiThemeToken} from 'fusion-plugin-material-ui';
import {createMuiTheme} from '@material-ui/styles/createMuiTheme';

export default () => {
  const app = new App(root);
  app.register(MuiThemeToken, createMuiTheme({ fooColor: '#ba4' }));
  app.register(MuiThemeProviderToken, MuiThemeProvider);
  return app;
}

import MuiThemeProvider from 'fusion-plugin-material-ui';

import {MuiThemeProviderToken} from 'fusion-plugin-material-ui';

import {MuiThemeToken} from 'fusion-plugin-material-ui';

import {JssToken} from 'fusion-plugin-material-ui';

// main.js
import React from 'react';
import App from 'fusion-react';

import {create} from 'jss';
import MuiThemeProvider, {JssToken, MuiThemeProviderToken} from 'fusion-plugin-material-ui';

export default () => {
  const app = new App(root);

  app.register(JssToken, create());
  app.register(MuiThemeProviderToken, MuiThemeProvider);
  return app;
}