React-Player не выходит/пустой ⇐ Javascript

[Anonymous]

У меня возникла проблема: мой реагирующий проигрыватель не запускается/не может играть. я не знаю почему, я уже спрашивал альтернативу чату, но он не работает. Я не знаю, в чем проблема, это версия или просто какая-то ошибка. Итак, вот код:

- TrailersSection.jsx

Код: Выделить всё

import React, { useState } from 'react'
import { dummyTrailers } from '../assets/assets';
import BlurCircle from './BlurCircle';
import ReactPlayer from 'react-player';
import { PlayCircle } from 'lucide-react';

const TrailersSection = () => {

const [currentTrailer, setCurrentTrailer] = useState(dummyTrailers[0]);

return (

Trailers





{dummyTrailers.map((trailer)=> (
 setCurrentTrailer(trailer)}>
[img]{trailer.image} className=[/img]
{/* 
 */}


))}



)
}

export default TrailersSection

а dummyTrailers относится к assets.js :

Код: Выделить всё

import logo from './logo.svg'
import marvelLogo from './marvelLogo.svg'
import googlePlay from './googlePlay.svg'
import appStore from './appStore.svg'
import screenImage from './screenImage.svg'
import profile from './profile.png'

export const assets = {
logo,
marvelLogo,
googlePlay,
appStore,
screenImage,
profile
}

export const dummyTrailers = [
{
image: "https://img.youtube.com/vi/WpW36ldAqnM/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=WpW36ldAqnM'
},
{
image: "https://img.youtube.com/vi/-sAOWhvheK8/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=-sAOWhvheK8'
},
{
image: "https://img.youtube.com/vi/1pHDWnXmK7Y/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=1pHDWnXmK7Y'
},
{
image: "https://img.youtube.com/vi/umiKiW4En9g/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=umiKiW4En9g'
},
]import logo from './logo.svg'
import marvelLogo from './marvelLogo.svg'
import googlePlay from './googlePlay.svg'
import appStore from './appStore.svg'
import screenImage from './screenImage.svg'
import profile from './profile.png'

export const assets = {
logo,
marvelLogo,
googlePlay,
appStore,
screenImage,
profile
}

export const dummyTrailers = [
{
image: "https://img.youtube.com/vi/WpW36ldAqnM/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=WpW36ldAqnM'
},
{
image: "https://img.youtube.com/vi/-sAOWhvheK8/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=-sAOWhvheK8'
},
{
image: "https://img.youtube.com/vi/1pHDWnXmK7Y/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=1pHDWnXmK7Y'
},
{
image: "https://img.youtube.com/vi/umiKiW4En9g/maxresdefault.jpg",
videoUrl: 'https://www.youtube.com/watch?v=umiKiW4En9g'
},
]
...
}

Ребята, помогите, пожалуйста, это исправить.

Подробнее здесь: https://stackoverflow.com/questions/798 ... -out-blank