You will add a <Block type="procedures_defnoreturn" /> in the blockly-react sample inside App.js and then try to drag the block in the workspace, after dragging right click on procedure block it will give you an error : "TypeError: a.getId is not a function"

When i use acorn interpreter on top of the blockly, and then as soon as i try to drag the "procedure" block , it throws an error saying : "TypeError: Cannot read property 'length' of undefined". To remove error in this case, i just have to comment out the code generation line.
generateCodeAndLoadIntoInterpreter = (ws) => {
// Generate JavaScript code and parse it.
Blockly.JavaScript.STATEMENT_PREFIX = "highlightBlock(%1);\n";
Blockly.JavaScript.addReservedWords("highlightBlock");
let latestCode = Blockly.JavaScript.workspaceToCode(ws); // remove this line with a string
this.resetStepUi(ws);
return latestCode;
};