import dynamic from 'next/dynamic'; const IonHeader = dynamic( async () => { const mod = await import('@ionic/react'); return mod.IonHeader; }, { ssr: false } // this is what makes it work ); export default () => ( <IonHeader> </IonHeader> );

var stylesheet = document.styleSheets[0]; stylesheet.cssRules[0].style.backgroundColor="blue";

.text:after { /* This value is the OPPOSITE color of our background */ color: rgb(0, 255, 255); mix-blend-mode: difference; }

tee