<!doctype html>
<html>
<title>Change sync for nested use</title>
<svg width="400" height="500">
  <rect id="r1" width="40" height="40" style="fill:navy" />
  <rect id="r2" x="50" y="50" width="40" height="40" style="fill:purple" />
  <g id="g1">
    <use id="u1" x="120" href="#r1" />
    <use id="u2" x="120" href="#r2" />
    <rect x="120" y="120" width="50" height="50" style="fill:skyblue" />
  </g>
  <use id="u3" x="120" href="#g1" />
  <use id="u4" y="170" href="#u2" />
  <use id="u5" x="-30" y="220" href="#u2" />
</svg>
</html>