Blockly.Xml.textToDom expected an document

Question

I have been trying to restore all my used blocks from localStorage.I am looping through all the local saved blocks but I got the following error. It would be great if I can get some help.

Error:

blockly_compressed.js:1274 Uncaught Error: Blockly.Xml.textToDom expected an 
<xml> document.
at Object.Blockly.Xml.textToDom (blockly_compressed.js:1274)
at restoreWorkspace ((index):312)
at HTMLButtonElement.onclick ((index):115)
Blockly.Xml.textToDom   @   blockly_compressed.js:1274
restoreWorkspace    @   (index):312
onclick @   (index):115

Code to restore all the blocks:

 // restore blocks
    function restoreWorkspace() {
        for (var i = 0; i < localStorage.length; i++){
            let program=(localStorage.getItem(localStorage.key(i)));
            Blockly.mainWorkspace.clear();
            let textToDom = Blockly.Xml.textToDom(program);
            Blockly.Xml.domToWorkspace(Blockly.mainWorkspace, textToDom);
        }
    }

Code to save compositions:

   function saveWorkspace() {
        let xml = Blockly.Xml.workspaceToDom(Blockly.mainWorkspace);
        let domToPretty = Blockly.Xml.domToPrettyText(xml);
        var ranInt = Math.floor(Math.random() * 10);
        window.localStorage.setItem("myProgram"+ranInt, domToPretty);
    }