旋转矩形使其以奇怪的方式移动

Question

我正在尝试使svg中的矩形旋转到位（因此围绕其中间），但是事实证明，这比我想象的要困难得多。矩形将以怪异的模式移动。这可能是因为旋转原点是错误的，但是我还没有找到自己解决此问题的方法。

我为此创建了一个博览会来演示该问题：https://snack.expo.io/SJqTgyu0N

我想将样式/过渡保留在rect本身上，而不要将其移至AnimatedG组件。