We can also use ReactPDF.pdf. here's a small code sample of an async function that returns a url (or even blob if the case requires !). We can use this url to download our PDF.

renderUrl = async() => new Promise((resolve, reject) => {
const blob = await ReactPDF.pdf(<FeeAcceptance member_detail={'test'} />).toBlob()
const url = URL.createObjectURL(blob)
if(url && url.length>0){
    resolve(url)
  }
}
).then(res => res).catch(err => console.log(err))

To Download the generated url we can use the download attribute of a tag. Here's an example

let sampleTab = window.open()
if(sampleTab) {
  renderUrl().then(generatedUrl => {
    if( generatedUrl ){
      let aTag = document.createElement('a')
      aTag.href =  generatedUrl
      aTag.style = "display: none";
      aTag.download = 'FeeAcceptance.pdf'
      document.body.appendChild(aTag)
      aTag.click()
    } // else -> means something went wrong during pdf generation
  }).catch(err => console.log(err))
} // else -> means new tab can't be opened ... (some Adblock issue)

it looks like you're passing the PDF data directly to the <ReactPDF> component as the value of the file prop. But according to the docs you need to use an object containing a data property:

<ReactPDF
  file={{
    data: renderPdf
  }}
/>

it seems you can also set file to an object containing a url property, to let ReactPDF fetch the pdf from your backend by itself, if that's easier:

<ReactPDF
  file={{
    url: 'http://www.example.com/sample.pdf'
  }}
/>