React svg element

Giovanny Gongora

Pass down reference and apply the prop type to a SVG

interface ISVGProps {
  reference?: React.RefObject<SVGSVGElement>
}
const SVG = (props: ISVGProps) => {
  return (
    <svg
    	ref={props.reference}
      className={classes.Triangle}
      {...props} />
      <path d='M0,0 10,10 20,0' />
  	</svg>
	)
}
<SVG reference={myReference} />