Load cannot follow more than 20 redirections with "http" instead of "https"

[atlonxp]

Not sure how this error occurs.

Here is my code.

"use client";

import React from "react";
import ModalVideo from "react-modal-video";

import "react-modal-video/scss/modal-video.scss";

import useGlobalContext from "@/hooks/useGlobalContext";

const VideoPopup = ({ videoId }) => {
  const popupValue = useGlobalContext();
  const { isOpen, setIsOpen } = popupValue;

  return (
    <>
      <ModalVideo
        channel="youtube"
        youtube={{ mute: 0, autoplay: 0 }}
        isOpen={isOpen}
        videoId={videoId}
        onClose={() => setIsOpen(false)}
      />
    </>
  );
};

export default VideoPopup;

When I run the modal, it gave me an error something like

• Load cannot follow more than 20 redirections
• http://www.youtube.com/embed/qEI33ptjd98?mute=0&autoplay=0

With "http" not "https"

---

package.json

"next": "14.0.4",
"react": "^18",
"react-modal-video": "^2.0.1"