[Bug] Bug com o Player do Youtube (Erro na requisão)

eu terminei o curso uns dia atrás e meu projeto tava funcionando 100% fiz o deploy td blz.so que hj fui ver o projeto e ele ta com o bug no player do youtube, o video aparece rapidão e some, ele faz a requesição e retorna um erro falando que metodo get não e apropriado tem como me ajudar :

O codigo do player e esse:

import Banner from "components/Banner";
import Titulo from "components/Titulo";
import React, { useEffect, useState } from "react";
import { useParams } from "react-router-dom";
import styles from "./Player.module.scss";
import NaoEncontrada from "pages/NaoEncontrada";

export default function Player() {
  const [video, setVideo] = useState();
  const parametros = useParams();

     useEffect(() => {
        fetch(`https://my-json-server.typicode.com/gildairmoreira/cinetag-api/videos?id=${parametros.id}`)
            .then((resposta) => resposta.json())
            .then((dado) => {
                setVideo(...dado)
            })
    }, [])

    if (!video) {
        return <NaoEncontrada />
    }


  return (
    <>
      <Banner imagem="player" />
      <Titulo>
        <h1>Player</h1>
      </Titulo>
      <section className={styles.container}>
        <iframe
          width="100%"
          height="100%"
          src={video.link}
          title={video.titulo}
          frameborder="0"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          allowfullscreen
        ></iframe>
      </section>
    </>
  );
}

Repositorio completo: https://github.com/gildairmoreira/projeto-cineTag