Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.

[basakulcay]

I keep getting a warning with the below message, however when I checked the buttons in the code, I couldn't figure out what's causing it.

Error message: Warning: validateDOMNesting(...): cannot appear as a descendant of .

Code example :

  render() {
    return (
      <div className="Track">
        <div className="Track-information">
          <h3>{this.props.track.name}</h3>
          <p>
            {this.props.track.artist}| {this.props.track.album}{' '}
          </p>
        </div>
        <button className="Track-action">{this.renderAction()}</button>
      </div>