How to pause using React Player without using controler prop

Question

my playSvg is working properly but I would like to add when you click on the second time the play button svg appears again, can someone help me please!

  <ReactPlayer
        className={'react-player'}
        url={Video}
        width="100%"
        height="100%"
        playing={active}
        playIcon = {<Button role={'presentation'} aria-label={'Play Button'} >{PlayButton}</Button>}
        controls
        loop={false}
        light={ImageForVideo}
      />