React Native: How to use the Animated API for a bounce animation?

1import { Animated } from "react-native";
2
3function BounceView({ children }) {
4  const bounceAnim = useRef(new Animated.Value(0)).current;
5
6  useEffect(() => {
7    Animated.spring(bounceAnim, {
8      toValue: 1,
9      friction: 1,
10      tension: 100,
11      useNativeDriver: true,
12    }).start();
13  }, []);
14
15  const scale = bounceAnim.interpolate({
16    inputRange: [0, 0.5, 0.7, 0.8, 0.9, 1],
17    outputRange: [0, 1.2, 0.9, 1.1, 0.95, 1],
18  });
19
20  return (
21    <Animated.View style={{ transform: [{ scale }] }}>
22      {children}
23    </Animated.View>
24  );
25}