Элемент React-transisition-group по умолчанию в transistionGroup не получает набор классов -enterDone

Question

Я пытаюсь анимировать элементы в и из списка, используя реагирующую группу перехода. Анимация хорошо работает для элементов, добавленных в список. Они оба будут анимированы внутри и снаружи. Проблема в том, что элементы по умолчанию не анимируются.

Я пытаюсь сказать, что новым элементам присваивается класс -enter-done, а элементам по умолчанию - нет. Есть ли способ к этому?

export function Test({
  addNewItem,
  removeItem,
  items,
}: IProps) {


  return (
    <div>

      <TransitionGroup>
        {items.map(item=> (
          <CSSTransition
            key={item.value}
            timeout={500}
            classNames={{
              enter: style.recommendEnter,
              enterActive: style.recommendEnterActive,
              enterDone: style.recommendEnterDone,
              exit: style.recommendExit,
              exitActive: style.recommendExitActive,
              exitDone: style.recommendExitDone,
            }}
            unmountOnExit
          >
            <button
              onClick={() => addItem(item)}
            >
              {item.label}
            </button>
          </CSSTransition>
        ))}
      </TransitionGroup>
      <div />
    </div>
  );
}