Getting pdf file from from express and treating it as if it from an input

i am trying to make a component that take a pdf from input or an already uploaded one and then extract pages from it and uploaded again
when choosing a file from input (choosing file from my computer)
i am using this

    const handleFileChange = async (event) => {
        const file = event.target.files[0];
        setFiles(event.target.files[0])
        const fileName = event.target.files[0].name
        setFileName(fileName);
        const fileReader = new FileReader();
        fileReader.onload = async () => {
            const pdfBytes = new Uint8Array(fileReader.result);
            const pdfDoc = await PDFDocument.load(pdfBytes);
            setPdfDoc(pdfDoc);
            setPdfBlob(pdfBytes)
        };
        fileReader.readAsArrayBuffer(file);
        setShowPdf(true)
    };

we get a pdfDoc and a Unit8Array
then i use the pdfDoc to get pages and extract a new pdf file….
this works fine
now when selecting a file that we already uploaded
i use this to ping the api to get the file

    const handleGetFile = async (url) => {
        const headers = {
            Authorization: "Bearer " + (localStorage.getItem("token")),
            Accept: 'application/pdf'
        }
        await axios.put(`${process.env.NEXT_PUBLIC_API_URL}getPdfFileBlob`, {
            pdfUrl: `https://handle-pdf-photos-project-through-compleated-task.s3.amazonaws.com/${url}`
        }, { responseType: 'arraybuffer', headers }).then((res) => {
            const handlePdf = async () => {
                const uint8Array = new Uint8Array(res.data);
                const pdfBlob = new Blob([uint8Array], { type: 'application/pdf' });
                setPdfBlob(uint8Array)
                // setPdfDoc(pdfBlob) .....? how do i create a pdf doc from the unit8array
            }
            handlePdf()
        }).catch((err) => {
            console.log(err)
        })
    }

this the the end point i am pinging

app.put('/getPdfFileBlob',async function(req,res){
try {
  console.log(req.body.pdfUrl)
  const url =req.body.pdfUrl;

  const fileName = 'file.pdf';
  const file = fs.createWriteStream(fileName);
  
  https.get(url, (response) => {
    response.pipe(file);
    file.on('finish', () => {
      file.close();
  
      // Serve the file as a response
      const pdf = fs.readFileSync(fileName);
      res.setHeader('Content-Type', 'application/pdf');
      res.setHeader(    'Content-Transfer-Encoding', 'Binary'
      );
      res.setHeader('Content-Disposition', 'inline; filename="' + fileName + '"');
      res.send(pdf);
    });
  });
} catch (error) {
  res.status(500).json({success:false,msg:"server side err"})
}
})

after getting this file here is what am trying to do

    const handlePageSelection = (index) => {
        setSelectedPages(prevSelectedPages => {
            const newSelectedPages = [...prevSelectedPages];
            const pageIndex = newSelectedPages.indexOf(index);
            if (pageIndex === -1) {
                newSelectedPages.push(index);
            } else {
                newSelectedPages.splice(pageIndex, 1);
            }
            return newSelectedPages;
        });
    };
    const handleExtractPages = async () => {
        for (let i = pdfDoc.getPageCount() - 1; i >= 0; i -= 1) {
            if (!selectedPages.includes(i + 1)) {
                pdfDoc.removePage(i);
            }
        }

        await pdfDoc.save();
    };

well in the first case where i upload the pdf file from local storage i get a pdfDoc
console of pdf Doc and pdfBlob
and when i select already existing file i can’t find a way to transfer unit8array buffer to pdf doc
log of pdfBlob and no pdf doc
what i want is transform the pdfblob to pdfDcoument or get the pdf document from the array buffer so i can use getpages on it