How to fix CORB when i use youtube embedded video url?

[ivanyufen]

hi, im using this library and got a warning like this

Cross-Origin Read Blocking (CORB) blocked cross-origin response.....

i use youtube embed video url like: https://www.youtube.com/embed/{videoId}

is there any way to solve this? thank you :)

[igordanchenko]

The Video plugin supports raw video files (.mp4, .webm, etc.), but it sounds like you are trying to use YouTube iframe embed. You can render iframe video as a custom slide:

https://codesandbox.io/s/yet-another-react-lightbox-16-bwx8nc

<Lightbox
  open={open}
  close={() => setOpen(false)}
  slides={[
    {
      type: "youtube",
      src: "https://www.youtube.com/embed/aqz-KE-bpKQ",
      title: "Big Buck Bunny",
      width: 2160,
      height: 1215
    }
  ]}
  render={{
    slide: ({ type, src, width, height, title }, offset, rect) =>
      type === "youtube" ? (
        <iframe
          width={Math.min(
            width,
            rect.width,
            (width * rect.height) / height
          )}
          height={Math.min(
            height,
            rect.height,
            (height * rect.width) / width
          )}
          src={src}
          title={title}
          frameBorder="0"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
          allowFullScreen
        ></iframe>
      ) : null
  }}
/>

[ivanyufen]

hi, i just build my project and got an error React.createContext is not a function on this package. Perhaps it still using the old react version?

[igordanchenko]

What version of React are you using in your project?

[ivanyufen]

I'm using react 17.0.2 and next 11.1.4

[igordanchenko]

This library uses React as peer dependency, so it'll use whatever React version you have in your project. There should be no issues with React 17. However, you description does not provide sufficient details to troubleshoot. I can take a look if you can provide an isolated sample project showing this error. An example on CodeSandbox would be great.

[igordanchenko]

@ivanyufen, regarding the "React.createContext is not a function" error - please make sure you are using an up-to-date node version. See similar issue here.