Cacher is the code snippet organizer for pro developers

const SvgTag = props => {
  const useTag = `<use xlink:href="#${props.name}" />`;

  return (
    <svg dangerouslySetInnerHTML={{ __html: useTag }} />
  );
};

export default SvgTag;

import SvgTag from "./SvgTag";
import SomeSVG from "/some-svg.svg";

const MyComponent = () => {
  return (
    <>
      <SvgTag name="some-svg-id" />
      <div hidden>
        <SomeSVG id="some-svg-id" />
      </div>
    </>
  )
};
 
export default MyComponent;