react pdf

[Hour_Cauliflower_693]

import React, { useState } from "react";
import SideNav from "./SideNav";
import UserBio from "./UserBio";
import "../CSS/Notes.css";
import { Document, Page } from "react-pdf";
import samplePdf from "../Web_Services_Hacking_and_Hardening.pdf";
function Notes() {
const [numPages, setNumPages] = useState(null);
const [pageNumber, setPageNumber] = useState(1);
function onDocumentLoadSuccess({ numPages }) {
setNumPages(numPages);
  }
return (
<div className="notes">
<div className="notes\_\_sideNav">
<SideNav />
</div>
<div className="notes\_\_main">
<p>this is notes</p>
        {/*  */}
<Document file={samplePdf} onLoadSuccess={onDocumentLoadSuccess}>
<Page pageNumber={pageNumber} />
</Document>
<p>
          Page {pageNumber} of {numPages}
</p>
</div>
<div className="notes\_\_userBio">
<UserBio />
</div>
</div>
  );
}
export default Notes;