Not able to download PDF using PDFDownloadLink or preview PDF using PDFViewer.PDFDownloadLink is not creating a blob file on the browser

[aadishjain2212]

I had been using @react-pdf/renderer to download and preview Pdfs from my react application.
the component structure looks like:

The index.tsx file component:-
->shows the preview of PDF to be downloaded using PDFViewer.
->has a button to print PDF using PDFDownloadLink .
The pdfDocProposal.tsx contains the pdf document that needs to be downloaded or previewed.
The issue I am facing is that the pdf is not being previewed or downloaded.
There is also no error on the console and the component is also not breaking.
Can someone help in downloading or previewing the PDF?
pdfDocProposal.txt
index.txt