Почему rotate 3d в React ведет себя так странно?

Question

[Anfield94]

Привет всем, есть картинки, при наведении на которые должен производиться rotate 3d эффект и картинка должна наклоняться в ту сторону, куда указываешь мышкой, как тут: https://codepen.io/armandocanals/pen/WWXZMB, Но на React, и либо я чего-то очевидного не вижу, либо что-то не так написал, помогите пожалуйста, уже 3 день мучаюсь, пробовал писать все, что угодно, но как я понял, тут вместо window.innerWidth и window.innerHeight e.target.getBoundingClientRect() должен быть, вот код :
https://codesandbox.io/s/brave-khorana-ntpki?fonts...

Comments

[0xD34F]

уже 3 день мучаюсь

Мало. Надо хотя бы неделю. А лучше две.

[Snow311]

1. В вашем примере лучше не использовать useState, т.к. слишком часто запускается обновление компонента.
Используйте ref, в вашем примере нет смысла сохранять промежуточные состояние в state, меняйте стил по ref ссылке на прямую сразу.
2. Вычисления стилей для картинки взял с примера, который вы указали.

Посмотрите демо
https://codesandbox.io/s/strange-rgb-phz4w?file=/s...