Knockout.js component parameter undefined

I am creating a Knockout js component that can be used in a notification system. When I add a component to the page I get a params is undefined message, it looks like my params object is not sent to the viewmodel's constructor.

At first I thought my component loader was the problem, so I manually registered the component like this:

ko.components.register('notification-info', {
    viewModel: { require: "/notifications/info" },
    template: { require: "text!/notifications/info.tmpl.html"}
});

The component consists of a js file called info.js

define(['knockout'], function (ko) {

function InfoNotificationViewModel(params) {
    this.type = params.type;
    this.subject = params.subject;
    this.title = params.title;
    this.content = params.content;
}

return InfoNotificationViewModel();
});

and an html template called info.tmpl.html

<div class="notification-container" data-bind="css: type">
<div class="notification-icon"><span class="glyphicon"></span></div>
<div class="notification-content">
    <div class="notification-subject" data-bind="text: subject">
    </div>
    <div class="notification-message">
        <p data-bind="text: title"></p>
        <p data-bind="text: content"></p>
    </div>
</div>

I add the component to the page using component binding:

<div data-bind="component: {name: 'notification-info', params: {type: 'info', subject: '',title: '', content: ''} }"></div>

Later, the data sent over the websocket will be populated so that the parameters can be observed.

Can someone tell me what I'm doing wrong, I think it has something to do with the way I'm registering the component.