Programatically setting playing to true or false does nothing

I want to use the player with custom controls so I’ve set controls to false and set playing equal to a state variable. Changing the variable does nothing, neither does just setting playing to true. Even if initialized with playing set to true there is no audio.

import React from 'react'
import { connect } from 'react-redux'
import ReactPlayer from 'react-player'

class Player extends React.Component {
  
  componentWillReceiveProps(nextProps) {
    console.log(nextProps)
   // logs as expected
  }
  
  render() {
    
    const { audioPlayer } = this.props

    return (
      <ReactPlayer
        url='https://s3.amazonaws.com/*************/30rocktheme.mp3'
        playing={audioPlayer.isPlaying}
      />
    )
  }
}

export default connect(store => ({
  audioPlayer: store.audioPlayer,
}))(Player)

[artemis-prime]

Why is this closed?? I’m experiencing this on Chrome / Linux. In the below component, the clicking the button has no effect.

const Player = ({ url }) => {
  
  const [playing, setPlaying] = useState(false)

  return (
    <div style={{position: 'relative'}}>
      <ReactPlayer
        allowFullScreen="allowFullScreen"
        frameBorder="0"
        className={s.player}
        url={url}
        width='100%'
        height='100%'
        playing={playing}
        config={{
          youtube: {
            playerVars: {
              controls: 1,
              allowFullScreen: 1,
              showinfo: 1,
              playsinline: 1,
            }
          }
        }}
        onStart={onStart}
      />
      <button style={{position: 'absolute', right: 0, top: 0 }} onClick={() => {setPlaying(false)}}>pause / play</button>
    </div>
  )
}

[cookpete]

Why is this closed?

Explained in my previous comment:

If either of you have an example repo or jsFiddle where the issue is occuring consistently, feel free to reopen the issue.

It’s much harder for me to help if I can’t easily recreate the issue myself.