jarv.is/components/video/FullPageVideo.tsx

import dynamic from "next/dynamic";
import type { ReactPlayerProps } from "react-player";

import styles from "./FullPageVideo.module.scss";

const ReactPlayer = dynamic(() => import("react-player"));

const FullPageVideo = (props: ReactPlayerProps) => (
  <div className={styles.wrapper}>
    <ReactPlayer className={styles.react_player} width="100%" height="100%" {...props} />
  </div>
);

export default FullPageVideo;