jsreport.serverUrl = "https://hostserver.net/"
        jsreport.headers['Authorization'] = "Basic " + btoa("email@gmail.com:password")
    
        console.log(jsreport.serverUrl )
        const report = await jsreport.render({
            template: {
                name: 'stockrecon'    
            },
            data: {
            someData: data
            }
        });

const pdfBlob = new Blob([ report.content], { type: 'application/pdf' });
            const pdfUrl = URL.createObjectURL(pdfBlob);
            window.open(pdfUrl, "_blank");

. I could however download the pdf using report.download('renderedpdf.pdf'). Please can I get any help in this regard?

const pdfBlob = new Blob([ report.content], { type: 'application/pdf' });

to

const pdfBlob = await report.response.blob()

However, you can minimize code to just

report.openInWindow({ title: 'myreport' })    

The docs
https://jsreport.net/learn/browser-client

1. F12 result in console.log(data)
   {
   .....
   someData: data
   }
   

You can try to open the profiler in the jsreport studio and switch to "Full profiling".

Then you can profile the running report and check what data are actually coming to the report.

Please refer to the documentation here
https://jsreport.net/learn/studio

this is the request data input from the online instance of the jsreport . This from running the report online but how do I see data from the external calls?

From what appears here on my startup page it means all the calls to my template stockrecon have not been received because I made a call to this jsreport.serverUrl = "https://vnicom1.jsreportonline.net/" today