plyr-react事件回调完全失效问题求助

大家好，我最近在使用plyr-react组件时遇到了个头疼的问题——绑定的事件回调完全没生效，折腾了好一阵都没找到原因，想请社区的各位大佬帮忙排查下！

我写的代码如下：

import "./styles.css";

import Plyr from "plyr-react"

import "plyr-react/plyr.css"

export default function App() {
  return (
    <Plyr
      type="youtube"
      videoId="umldliRDefQ"
      onPlay={()=>console.log('playing')}
      onClick={()=>{console.log('clicking')}}
    />
  );
}

我给Plyr组件绑定了onPlay和onClick两个回调函数，但不管是点击播放器还是触发播放操作，控制台都没有打印对应的日志，这些回调似乎完全没被触发。

我做了一个可复现该问题的沙盒示例，里面完整还原了我的代码结构和问题场景。

真心感谢各位能抽出时间帮忙看看，任何建议或解决方案我都非常感激！

备注：内容来源于stack exchange，提问作者Sai Darshan