Create component to handle transitions in lists

[leroykorterink]

It'd be nice to support transitions in lists

<TransitionPresenceList>
  {myArray.map((value) => (
    <MyComponent key={value.key} />
  ))}
</TransitionPresenceList>

Implementation could be similar to this:

type TransitionPresenceListProps = {
  children: ReadonlyArray<ReactElement>
};

function TransitionPresenceList({ children }: TransitionPresenceListProps): ReactElement {
  return Children.map(children, (child, index) => (
    // The TransitionPresence instance is re-used when the key doesn't change
    <TransitionPresence key={index}>
      {child}
    </TransitionPresence>
  ));
}