react-controlled-component warning about react-toggle

[gfazioli]

@MichaelLiss I think that the issue is due to onToggle() event handler miss in your code, try with

<Toggle label="Off" 
               labelRight="On" 
               onToggle={(checked,evt) => console.log("onToggle", checked, evt)} />

[gfazioli]

@MichaelLiss I'll try to use a different approach for render

  render() {
    const { user } = this.props.auth;

    function Content() {
      if (!user) {
        return <Spinner />;
      }

      if (user.role !== 'admin') {
        return null;
      }

      return <Toggle label="Off" labelRight="On" onToggle={(checked, evt) => console.log("onToggle",checked,evt)}/>
    }

    return (
      <div className="dashboard">
        <div className="container">
          <div className="row">
            <div className="col-md-12">
              <h3 className="display-4">Engine</h3>
              <Content />
            </div>
          </div>
        </div>
      </div>
    );
  }

[MichaelLiss]

thanks ! Works ! much appreciated

[gfazioli]

@MichaelLiss you're welcome 👍