clippath is misinterpreted

**Describe the bug**
According to MDN, the element written to ClipPath is later written to the element where the clipPath attribute is set.
Here the example from [https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath](url)

In react-pdf it's the other way around. As in the example from the documentation [https://react-pdf.org/repl?example=clippath](url)
Here the circle is drawn inside the rectangle.

**To Reproduce**
use the code from the documentation

**Expected behavior**
Works the way, like it is described in MDN

**Desktop (please complete the following information):**
- OS: [MacOS, Windows]
- Browser [all]