Build a music player with YouTube IFrame Player API

import YouTube from 'react-youtube';const opts = {  height: "250",  width: "350",  playerVars: {    autoplay: 1,  },};

<YouTube  videoId={"UEx5T0xfUk1td3F5ZFJ0elRhVHV6SGM3R0NYbEFSMmFPOC5EMEEwRUY5M0RDRTU3NDJC"} //Video id from youtube  opts={opts}/>;

let videoElement: YouTubePlayer = null

<button onClick={()=>videoElement.target.playVideo()}>     Play Video</button>

import React from 'react';const [loading, setLoading] = React.useState(true);const [playList ,setPlaylist] = React.useState(null);React.useEffect(() => {  setLoading(true);  fetch(    "https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId=PLyOL_RMmwqydRtzTaTuzHc7GCXlAR2aO8&key=<your_api_token>&maxResults=1000",    {}  )    .then((res) => res.json())    .then((data) => {      setPlaylist(data.items);      setLoading(false);    });}, []);return (  <ul>    {loading || !playList ? (      <h1>Loading...</h1>    ) : (      playList.map((items) => <li key={items.id}>{items.snippet.title}</li>)    )}  </ul>);