react-native-animatable unmount animation with hooks

unmount_animation_example.js

// https://github.com/oblador/react-native-animatable/issues/132#issuecomment-786870602

const MyComponent = (props) => {
  const ref = React.useRef();

  React.useEffect(() => {
    ref?.current?.fadeIn();

    return () => ref?.current?.fadeOut(); // as you know, this is the same as unmount ;)
  }, [props.id]);  // track some prop that changes 
 
  return (
    <Animatable.View ref={ref}>
      <View>
        ...stuff
      </View>
    </Animatable.View>
  );
};