setRoot causing errors in in component


I am using this.navCtril.setRoot() in my component that sits in my auth page. But when it sets the root page my app starts to fail. An example is virtual scroll stops and wont render and id I do anything else in in the app it throws random IONIC core errors.

I have confirmed that this is none of my code causing the issue because if I set my root page from my app.component page the app works perfectly and the same when I use the side nav to log the user out.

I have tried the app.getRoot().setRoot() and this is still failing.

I think it has something to do with using navctrl.setRoot in a component that is not a root or have access root.