u sou novo no reactjs e fiquei preso com o elemento svg anexado ao elemento di

O que é que eu quero implementar? Eu tenho um elemento div criado dinamicamente como abaix

  constructor(props) {
      super(props);
      this.element = document.createElement('div');
}

Eu tenho um svg importado para o componente, como abaixo, importe SvgName de '../svg/name.svg'

e deseja anexar este SvgName ao elemento div criado dinamicamente no construtor acim

O que eu tentei .... está abaixo,

constructor(props) {
      super(props);
      this.element = document.createElement('div');
      const svg = document.createElement('svg');
      this.element.appendChild(svg);
}

O texto acima acrescentará um elemento svg, no entanto, ele não adiciona o svg que eu quero (aquele importado

Como posso conseguir isso. Obrigado