AngularJS Component wont allow Injection into Lifestyle Hook

Question

Im using Angular 1.5 and building an application in the component structure. I get an Unknown Provider Error when I'm attempting to inject into the $canActivate hook (which shouldn't happen) So heres the code:

angular.module("app")
.component("index", {
    templateUrl:"/modules/index-app.component.html",
    $canActivate:function($timeout) { <-- Creates Error
        return $timeout(function() {
            console.log('Timeout fired')
        }, 2000);
    },
    controller:function($timeout, $location, authCookie) {  
        // Set 'this'
        var model = this
    },
    controllerAs:"model",
});

Im running Angular 1.5.3 if that makes any difference? If I don't inject into the Hook then it runs everything fine. I'd love to know people's thoughts :)