Starfield in Reanimated 2 - adding animation 2

App.tsx

const Starfield: React.FC<{}> = () => {
  // Create a shared time value
  const timeVal = useSharedValue(0);
  // Start a repeating animation that goes from 0 to 3600 in an hour
  const duration = 3600;
  useEffect(
    () => {
      timeVal.value = 0;
      timeVal.value = withRepeat(
        withTiming(duration, {
          duration: 1000 * duration,
          easing: Easing.linear,
        }),
        0,
        false
      );
    },
    // Tells useEffect to only trigger on mount instead of every render
    []
  );
  
  return (
    <View
      style={{
        flex: 1,
        backgroundColor: "black",
      }}
    >
      {/* Pass in the time value */}
      <Star x={100} y={100} time={timeVal} />
    </View>
  );
};