Electron-react-boilerplate: How to use it with material-ui?

[piya23300]

I need to use material-ui.

I installed material-ui and then I try to use Button of material-ui. It doesn't work for me.

at /app/components/Home.js

// @flow
import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import Button from '@material-ui/core/Button'

import routes from '../constants/routes';
import styles from './Home.css';

type Props = {};

export default class Home extends Component<Props> {
  props: Props;

  render() {
    return (
      <div>
        <Button>TEST</Button>
        <h2>Home</h2>
        <Link to={routes.COUNTER}>to Counter</Link>
      </div>
    );
  }
}

it doesn't work. it has errors.

Could you suggest to me?

[piya23300]

I found that it doesn't work with material-ui above 4.0.0

it works with 3.9.1

[mtsamis2]

I had the same issue. Downgrading worked for me, but would love for this boilerplate to support the latest version of material-ui/core

[Alpha2J]

change the react-hot-loader version from 4.3.12 to the latest version in package.json, problem solved.