обновить SVG Xlink в реакции

Question

Я пытаюсь обновить атрибут xlink:href в моем svg-файле, но он не обновляется по ссылке, которую я передаю, чтобы он отображал jpg-файл в качестве фона для svg

Как я могу обновить атрибут xlink моей ссылкой?

component.js

if(this.state.image) {
  const backgrounds = svg.find('#bg')
  $(backgrounds).attr('xlink:href', https://local.devel:5601/media/material/uni-348-01_material.jpg);
}

svg

<defs>
    <pattern id="img1" patternUnits="userSpaceOnUse" width="100%" height="100%">
        <image id="bg" xlink:href="" x="0" y="0" width="100%" height="100%" />
    </pattern>
</defs>