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

Benefits of Hybrid App Development With the Ionic Framework

Ionic framework app development creates, builds, tests and deploys apps on all the platforms using just one command.

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"
}