Анимировать SVG React Native

Я пытаюсь изменить высоту прямоугольника в svg. Прежде всего, мой svg отображается правильно, прежде чем я использую Animated api. Затем я пытаюсь привязать переменную высоты к SVG следующим образом:

render() {
let AnimatedRectangle = Animated.createAnimatedComponent(Rect);
let {height} = this.state
return (
  <View style = {styles.wrapper}>
    <Svg height = "100" width = "100" x = "0" y = "0" fill = "#333">
      <AnimatedRectangle
        x = "0"
        y = "0"
        width = "4"
        height = {height}
        fill = "#333"
      />
      <Rect x = "10" y = "0" width = "4" height = "7" fill = "#333" />
      <Rect x = "20" y = "0" width = "4" height = "7" fill = "#333" />
    </Svg>
  </View>
);}

Вот мое состояние и метод componentDidMount:

state = {
  height: new Animated.Value(5)
};



 componentDidMount() {
    Animated.timing(
      // Animate value over time
      this.state.height, // The value to drive
      {
        toValue: 30 // Animate to final value of 1
      }
    ).start(); // Start the animation
  }

Это не работает, хотя моя анимация работает. Действительно, если я привяжу высоту к простому Animated.View, высота изменится правильно.

Вот ошибка, которую я получаю: