Issue with adobe_dc_view_sdk preview

Testing the preview on https://www.thacherandrye.com/dinner , https://www.thacherandrye.com/the-shed , https://www.thacherandrye.com/brunch

Sometimes, the file preview is not working and all I can get on the screen is a large white space. Whenever I load the page for the first time, in a browser or incognito window, the file appears on the preview but after reloading or moving to another page with a preview, the file seems to disappear.
I checked for the key being wrong/expired but then it should not have loaded the file even for the first time. I have looked into some community discussions but nothing seems to be helpful.

Below is the Javascript code I am using for the api:
<script src="https://documentcloud.adobe.com/view-sdk/main.js"></script>

$(document).ready(function() {
        document.addEventListener("adobe_dc_view_sdk.ready", function(){ 
            var adobeDCView = new AdobeDC.View({ clientId: SOME_KEY, divId: $('#adobeDcViewId{Id}').val() });
            adobeDCView.previewFile({
                content: { location: { url: $('#hdnUrl{Id}').val() } },
                metaData: { fileName: $('#hdnFileName{Id}').val()  }
            }, 
	    { 
		showDownloadPDF: $('#hdnRestrictDownload{Id}').val() !== 'true', 
		showPrintPDF: $('#hdnRestrictDownload{Id}').val() !== 'true' 
	    });
        });
});

Tech stack: .net framework 5, jQuery 3.6.0

Please Help!
Thanks