Estoy usando TreeView , TreeItem de material ui. Estoy tratando de diseñar condicionalmente cada nodo (seleccionado, pasar el mouse, enfocar). en realidad, lo que estoy tratando de hacer es que solo el nodo que no tiene el botón deshabilitado (accesorios que provienen del exterior) tendrá el color correcto. solo el nodo seleccionable estará en color activo (expandir nodo no significa que el nodo es seleccionable). algo como este ejemplo

Hice este ejemplo, pero el comportamiento es realmente extraño, a veces el "niño-4" se parece al estilo de disabledButton, incluso envié los accesorios correctos, tal vez porque anidaba accesorios, a veces los otros anidados no obtienen los colores correctos del hover , enfoque y seleccionado.. enlace por ejemplo (con colores) ejemplo con diferentes colores

Quiero que esté en colores reales también con el tema (el activo debe ser como el color azul, flotar en gris), así que creé este ejemplo. ejemplo con los colores del tema a veces funciona como se esperaba ya veces no. Miré en este problema pero no es como mi ejemplo, pero allí se usa en las clases, pero no quiero enviar de esta manera.