Better way to render from string

[moonlitgrace]

Hi, so i've an object like this:

{
  ...
  icon: `<coreproject-shape-user class="md:size-3"></coreproject-shape-user>`
}

I want to render icon.
now im doing it like:

<span innerHTML={obj.icon}></span>

i was wondering if there is better way to render from string other than this.
like for svelte:

{@html obj.icon}

Also that innerHTML way is giving eslint error:

  36:18  error    The innerHTML attribute is dangerous; passing unsanitized input can lead to security vulnerabilities                                                           solid/no-innerhtml