bravo68web-portfolio-nextjs/components/resume.jsx

import React, { useEffect, useState, useRef } from "react";
import { ResumeStyle } from "./resume.style";

function Resume() {
  const viewer = useRef(null);

  useEffect(() => {
    import("@pdftron/webviewer").then(() => {
      WebViewer(
        {
          path: "webviewer/lib",
          mobileRedirect: true,
          initialDoc:
            "/resume.pdf",
        },
        viewer.current
      ).then((instance) => {
        const { docViewer } = instance;
        // you can now call WebViewer APIs here...
      });
    });
  }, []);
  return (
    <ResumeStyle>
      <div className="webviewer" ref={viewer} style={{ height: "100vh" }}></div>
    </ResumeStyle>
  );
}

export default Resume;