how to put xml code in worckspace in react js

[Vaibhav Goti]

Hello sir / mam

i am done in simple html like this :

Blockly.mainWorkspace.clear();
            xmlDom = Blockly.Xml.textToDom(file_name_file);
            Blockly.Xml.domToWorkspace(Blockly.mainWorkspace, xmlDom);

but  i didn't get idea how to put like in react js becuse in there i shared my react js blocks put code hear please help me out.

 <BlocklyWorkspace

            toolboxConfiguration={toolboxCategories}

            initialXml={initialXml} 

            className="fill-height"

            // workspaceConfiguration={{

            // }}

            onWorkspaceChange={workspaceDidChange}

            // onXmlChange={setXml}

          />