JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
  <defs>
    <marker id="m" markerWidth="100" markerHeight="100" refX="16" refY="8" orient="auto-start-reverse" markerUnits="userSpaceOnUse">
      <path fill="#000000" d="M0,0 L0,16 L24, 8 z"></path>
    </marker>
  </defs>
  <polyline stroke-dasharray="solid" marker-start="url(#m)" stroke="#000000" stroke-width="4" points="10,10 160,10"></polyline>
</svg>
<button>
Add [marker-end]
</button>

JavaScript

const svg = document.querySelector('svg');
const button = document.querySelector('button');
const polyline = document.querySelector('polyline');
let state = 1;

button.addEventListener('click', e => {
  if (state === 1) {
  	polyline.setAttribute('marker-end', 'url(#m)');
    button.innerText = 'Force reflow';
    state = 2;
  } else {
    polyline.remove();
    svg.appendChild(polyline);
  }
})