mdToast not hiding

[sushitommy]

app.controller('testCtrl', function ($rootScope, $scope, $mdToast) 
{   

    $scope.showAndHideToast = function ()
    {
        $mdToast.show({
                template: '<md-toast>test</md-toast>',
                hideDelay: 0,
                position: 'bottom right'
          });
        // do stuff
        $mdToast.hide();
    }
}

The toast is showing up but not hiding.
TypeError: undefined is not a function at Object.onRemove (../angular-material/angular-material.js:4240:13) at Object.InterimElement.self.remove (../angular-material/angular-material.js:5103:29)
at Object.hide (../angular-material/angular-material.js:5032:40) ..
What is the reason that this not working?