Lo que estoy tratando de lograr con esto es bastante simple. Tengo una serie de opciones/etiquetas que se muestran en un div. Quiero que las clases cambien al hacer clic para simular un estado "activo". Si bien he visto algunos fragmentos en codesandbox que podría usar para lograr lo que quiero, mi curiosidad sigue siendo por qué esto ni siquiera desencadenaría el cambio de clase.

Los elementos del evento al que se hace referencia y el id coinciden...

 const variantHandler = (e: any) => { e.preventDefault() const d = e.currentTarget const c = () => { variants.map((variant: any) => { if (d.id !== variant.node.id) { d.classList.remove('bg-gray-900', 'text-myGray', 'dark:bg-myGray', 'dark:text-gray-900') //alert('reached remove') } else { d.classList.add('bg-gray-900', 'text-myGray', 'dark:bg-myGray', 'dark:text-gray-900') //alert('reached add') } }) } c(); }