Как непрерывно устанавливать координаты div через реквизит?

Question

У меня есть анимированный компонент, и я хочу установить его координаты в любое время, не только при монтировании div.

Я пытался передать функцию x: ({ x }) => x установить х динамически. https://codepen.io/microspace/pen/yWQdXq

const Square = posed.div({
 draggable: true,
 x: ({ x }) => x
})

const Example = () => <Square className="box" pose="initial" x={70} />

Вот хочу Square быть перетаскиваемым и имеет начальное смещение 70 пикселей по оси X.