sequenceWithHook.js

import React from 'react';
import { Animated } from 'react-native';
import {
  useAnimate,
  useAnimateSequence,
} from '@rootstrap/react-native-use-animate';
// Other style and dimension imports

const SequenceAnimatedBox = () => {
  // Be aware: animate should be false for nested animations
  const config = { duration: 1000, animate: false };

  const step1 = useAnimate({ fromValue: 0, toValue: WIDTH - BOX_SIZE, ...config });

  const step2 = useAnimate({ fromValue: 0, toValue: HEIGHT - BOX_SIZE, ...config });

  useAnimateSequence({ animations: [step1, step2], iterations: -1 });
  
  return (
    <Animated.View
      style={[
        styles.box,
        {
          left: step1.animatedValue,
          top: step2.animatedValue,
        },
      ]}
    />
  );
}