Render de um jogo em react

render.js

render() {

    return (
      <div id="wrapper" ref={(c) => this._wrapper = c}>
        <BgMusic
          gameOver={this.state.gameOver}
          running={this.state.running}
          mute={this.state.mute}
        />
        <Brackground
          gameOver={this.state.gameOver}
          running={this.state.running}
        >
          <Hud
            score={this.state.score}
            mute={this.state.mute}
            onMuteToogle={this.onMuteToogle}
          />
          <Player
            running={this.state.running}
            gameOver={this.state.gameOver}
            style={{
              left: `${INITIAL_LEFT}px`,
              top: `${this.state.top}px`
            }}
            ref={(c) => { this._player = c }}
          />
          {this.state.obstacles.map((o) => (
            <Obstacle
              key={o.index}
              left={o.left}
              onTop={o.onTop}
              width={OBSTACLE_WIDTH}
            />
          ))}
        </Brackground>
      </div>
    )
  }