Question: toggle playing on hover persist playback time over multiple hovers

[dohomi]

Current Behavior

I try to implement a smooth handling to start/pause the playing of a video based on hover. Currently the video always starts from the first second and not from the moment the user hovered out of the player.

Expected Behavior

Video should persist playing on the same progress and not start from the beginning again.

Steps to Reproduce

 const [playing, setPlaying] = useState<boolean>(false)
 const togglePlay = () => {
      setPlaying((prev) => !prev)
  }
 return (
       <ReactPlayer
        onMouseEnter={() => {
          togglePlay()
        }}
        onMouseLeave={() => {
          togglePlay()
        }} />
)

Environment

latest version

Other Information

I guess I overlook something obvious but I searched the issues here and could not find a solution. I tried to persist the onProgress state somehow but could not see how to apply it correctly.

Thanks!