Мне удалось найти решение самому!Это хакерский, так что если кто-то знает более чистый способ сделать это, пожалуйста, дайте мне знать.
Если кто-то еще задается вопросом, как это сделать, вот как я это сделал:
Iсоздал класс непереводимый:
.non-translatable {
-webkit-transform: unset !important;
transform: unset !important;
}
Затем в свой перетаскиваемый компонент я добавил это:
className={cx('my-draggable', { // cx is from the classnames package
'non-translatable': !snapshot.isDragging,
})}
Если вы не хотите использовать пакет classnames, это в значительной степениТо же самое:
className={`my-draggable${!snapshot.isDragging ? ' non-translatable' : ''}`}
Как я уже сказал, это довольно глупо, поэтому, если есть более "правильный" способ, дайте мне знать!