Estoy trabajando en mi cartera y acabo de encontrarme con un problema con React Springs useTransition.

Estoy mapeando una variedad de objetos (Proyectos individuales) y los estoy filtrando con múltiples casillas de verificación. Lo que estoy tratando de lograr es animar el proceso de filtrado. Entonces, cuando se marca una casilla de verificación, los elementos que no coinciden deben desaparecer y contraerse para que los objetos restantes ocupen su lugar.

Filtrar todo funciona bien, simplemente no sé dónde configurar el enlace useTransition.

Por favor, alguien me puede ayudar con esto, soy bastante nuevo en javascript...

Aquí hay una caja de códigos: https://codesandbox.io/s/aged-frog-i2z2s?file=/src/Components/General.js

aquí hay un ejemplo de lo que quiero lograr, tal vez ayude a entender: https://codesandbox.io/s/react-spring-demo-change-border-colour-on-click-forked-7fdkl

Editar: Acabo de reconocer que los códigos y la caja no funcionaron, así que los actualicé.