Tengo 2 componentes que muestran algunos números. Los números se mueven del componente 1 al componente 2 que están en la misma página.

Los números se basan en diferentes matrices y se eliminan de la primera matriz y luego se agregan a la segunda matriz y se muestran en el segundo componente.

¿Hay alguna forma de que pueda hacer una animación para que estos números se muevan de su posición a la nueva posición en el nuevo componente?

Estoy usando JavaScript y React.

 <> <component1 numbers=[23, 45, 67] /> <component2 numbers=[56, 89] /> </>

los números son bucle con un mapa. props.numbers.map()