React Native: How to use the Animated API for a back-out animation?

1import { Animated } from "react-native";
2
3function BackOutView({ visible, children }) {
4  const scaleAnim = useRef(new Animated.Value(1)).current;
5
6  useEffect(() => {
7    Animated.timing(scaleAnim, {
8      toValue: visible ? 1 : 0,
9      duration: 300,
10      useNativeDriver: true,
11    }).start();
12  }, [visible]);
13
14  return (
15    <Animated.View style={{
16      transform: [
17        { perspective: 1000 },
18        { scale: scaleAnim },
19        { rotateX: scaleAnim.interpolate({
20          inputRange: [0, 1],
21          outputRange: ["20deg", "0deg"],
22        }) },
23      ],
24    }}>
25      {children}
26    </Animated.View>
27  );
28}