The issue might come from the structure of your component as provided code is perfectly fine, here is a working exemple you can try on codesandbox.io.

Compare with your code and try to find differences, but isolating a specific element might be a good way to realise the issue might come from somewhere else.

import React, { Component } from react;

import { render } from react-dom;

import Checkbox from material-ui/Checkbox;



class App extends Component {

  constructor() {

    super();

    this.state = {

      isTrue: false

    };

  }

  render() {

    return (

      <div>

        <Checkbox

          checked={this.state.isTrue}

          onChange={e => {

            console.log(e.target.checked);

            this.setState({ isTrue: e.target.checked });

          }}

        />

      </div>

    );

  }

}



render(<App />, document.getElementById(root));