Prevent Routing To Secondary View If Page Refresh In Angular going into recursion

Question

I am developing "Prevent Routing To Secondary View If Page Refresh In Angular" code from : https://www.bennadel.com/blog/3368-prevent-routing-to-secondary-view-if-page-refresh-in-angular-5-0-0.htm

I have developed below code, but code is going into recursion and same Guard is keep executing in recursion.

@Injectable()
export class DirectAccessGuard implements CanActivate {
    path: ActivatedRouteSnapshot[];
    route: ActivatedRouteSnapshot;
    constructor(private router: Router) { }

    canActivate(
        next: ActivatedRouteSnapshot,
        state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean {

        if (this.router.url === '/' && !this.isPageRefresh()) {
            this.router.navigate(['TOMainLandingPage']);
            return false;
        }
        if (this.isPageRefresh()) {
            this.router.navigateByUrl(this.getUrlWithoutSecondary(state));
            return false;
        }
        return true;
    }

    // I determine if the current route-request is part of a page refresh.
    private isPageRefresh(): boolean {
        return (!this.router.navigated);
    }

    private getUrlWithoutSecondary(routerStateSnapshot: RouterStateSnapshot): UrlTree {
        var urlTree = this.router.parseUrl(routerStateSnapshot.url);
        var segment = urlTree.root;

        while (segment && segment.children) {
            delete (segment.children.secondary);
            segment = segment.children[PRIMARY_OUTLET];
        }
        return (urlTree);
    }
}

Note: I want to stop if User manually type routes which doesn't exists and on page refresh with correct route?