const List = () => (
  <React.Fragment>
    <div>{'One'}</div>
    <div>{'Two'}</div>
    <div>{'Three'}</div>
  </React.Fragment>
);

<AnimatedList>
  <List />
</AnimatedList>

const AnimatedList = ({ children }) => {
  const componentArray = React.Children.toArray(children);
  console.log(componentArray);
  ...
};