How to render a blob?

I try to create an issue panel that can display attachments. I fetch the attachment content from rest api and create a blob from it.

 const blob = base64toBlob(data, contentType);
const blobUrl = URL.createObjectURL(blob);

Then, using this url and an external library to view files, I do the following:

const docs = useMemo(() => {
        return [
            { uri: dataUrl }, // Remote file
    }, [dataUrl])

However, I got the following error:
Refused to connect to ‘blob:’ because it violates the document’s Content Security Policy.
How can I solve this? Is there anyone who tried to achieve a similar task?
Thanks for your time in advance.