Aurelia Redirect Fail

app.js

import {Router} from 'aurelia-router'

export class App {
  static inject () { return [Router] }

  constructor (router) {
    this.router = router
    this.router.configure(config => {
      config.title = "SampleApp"
      config.map([
        {route: ['', 'dashboard'], moduleId: 'dashboard'},
        {route: 'login', 'moduleId': 'login'}
      ])
    })
  }
}

dashboard.js

import {Redirect} from 'aurelia-router'

export class Dashboard {
  static inject () { return [Parent.of(Router)] }

  constructor (router) {
    this.router = router
  }

  canActivate (params, queryString, routeConfig) {
    console.log('dashboard can activate')
    return true
  }
}

error

RangeError: Maximum call stack size exceeded
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:73:29)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)
    at addPreviousDeactivatable (http://localhost:9000/jspm_packages/github/aurelia/[email protected]/system/activation.js:77:9)

login.js

import {Parent} from 'aurelia-framework'
import {Router} from 'aurelia-router'

export class Login {
  static inject () { return [Parent.of(Router)] }

  constructor (router) {
    this.router = router
  }

  login ($event) {
    this.router.navigate('dashboard', {trigger: true})
  }
}