repeat animation

import { View, StyleSheet, TouchableWithoutFeedback } from 'react-native';
import React from 'react';
import Animated, { useSharedValue, withRepeat, useAnimatedStyle, withTiming } from 'react-native-reanimated'
const App: () => React$Node = () => {

  const animation = useSharedValue(1)

  const animationStyle = useAnimatedStyle(() => {
    return {
      transform: [
        {
          scale: animation.value
        }
      ]
    }
  })

  const startAnimation = () => {
    animation.value = withRepeat(withTiming(1.5, {
      duration: 1000
    }), -1)
  }
  return (
    <View style={styles.container}>
      <TouchableWithoutFeedback onPress={startAnimation}>
        <Animated.View style={[styles.box, animationStyle]} />
      </TouchableWithoutFeedback>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  box: {
    width: 200,
    height: 200,
    backgroundColor: '#631d94'
  }
});

export default App;