if (!blob) return;

                const blobUrl = URL.createObjectURL(blob);

                const link = document.createElement("a");

                link.href = blobUrl;
                link.download = "example.pdf";

                document.body.appendChild(link);

                link.click();

                document.body.removeChild(link);
              };

              return (
                <span
                  role="button"
                  onClick={handleClick}
                  className={
                    loadingState === LoadingState.LOADING
                      ? styles["text-disabled"]
                      : ""
                  }
                >
                  Download
                </span>
              );
            }}
          </PDFDownloadLink>
          
          I used this and it worked