Почему
При использовании версии рендеринга реквизит-реквизита интерполяция используется немного иначе, чем версия крючков. interpolate
не существует на scale
, потому что scale
- это просто старое число, а не объект.
Исправление
Сначала вам нужно будет импортировать интерполяцию:
import { interpolate, Spring, animated as a } from 'react-spring/renderprops';
затем стиль кнопки, используя импортированную функцию:
style={{
height: '100px',
width: '100px',
transform: interpolate(
[props.scale],
(s) => `scale(${s})`
),
}}