Inside each component must contains IonPage to wrap all child component inside.
Example:
const HomePage: React.FC = () => {
return (
<IonPage>
<IonHeader />
<IconContent>
This is home page
</IconContent>
</IonPage>
)
}
const AboutPage: React.FC = () =>{
return (
<IonPage>
<IonHeader />
<IconContent>
This is about page
</IconContent>
</IonPage>
)
}
const App: React.FC = () => {
<IonApp>
<IonReactRouter>
<IonRouterOutlet>
<Route path="/about" component={AboutPage} exact/>
<Route path="/home" component={HomePage} exact/>
</IonRouterOutlet>
</IonReactRouter>
</IonApp>
}