JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200px" height="200px" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid meet">
	<defs id="svgEditorDefs">
		<polygon id="svgEditorShapeDefs" fill="blue" stroke="black" style="vector-effect: non-scaling-stroke; stroke-width: 1px;"/>
		<g id="testRect">
			<rect stroke="black" style="stroke-width: 1px;" width="135" height="35" fill="khaki" transform="matrix(1 0 0 1 -609 -299)" ry="0" rx="0"/>
		</g>
	</defs>
	<rect x="645" y="325" stroke="black" id="e1_rectangle" style="stroke-width: 1px;" width="135" height="35" fill="khaki" transform="matrix(1 0 0 1 -609 -299)" ry="0" rx="0"/>
	<text fill="black" x="895" y="532" id="e15_texte" style="font-family: Arial; font-size: 20px;" transform="matrix(0.564632 0 0 0.564632 -439.814 -254.47)">Test Process 1</text>
	<rect x="645" y="387" stroke="black" id="e71_rectangle" style="stroke-width: 1px;" width="135" height="35" fill="khaki" transform="matrix(1 0 0 1 -609 -299)" ry="0" rx="0"/>
	<text fill="black" x="895" y="643" id="e15_texte" style="font-family: Arial; font-size: 20px;" transform="matrix(0.564632 0 0 0.564632 -439.814 -254.47)">Test Process 2</text>
	<use x="645" y="450" xlink:href="#testRect" />
	<text fill="black" x="895" y="755" id="e15_texte" style="font-family: Arial; font-size: 20px;" transform="matrix(0.564632 0 0 0.564632 -439.814 -254.47)">Test Process 3</text>
</svg>