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> );

We use svg from font-awesome 5 in our tabs. You can add them in your assets folder and reference them directly <ion-tab icon="/assets/font-awesome/light/bars.svg" label="{{managementTabTitle}}" href="/tabs/tab/(management:management)">

This issue with primitives can be easily avoided by following the "best practice" of always have a '.' in your ng-models – watch 3 minutes worth. Misko demonstrates the primitive binding issue with ng-switch.

Note: We do not recommend using resolve of AngularUI Router. The recommended approach is to execute any logic needed before beginning the state transition.

bower_components

www/lib 

{
  "directory": "www/lib"
}