How to use react elements inside knockout

file.jade

span(data-bind='reactElement: someElement')

knockout_bindings.js

$(function () {
    var reactElementUmount = function (element) {
        $(element).each(function (i, elem) {
            React.unmountComponentAtNode(elem);
        });
    };
    ko.bindingHandlers.reactElement = {
        init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
            // clean up events if KO removes the element
            ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
                reactElementUmount(element);
            });
        },
        update: function(element, valueAccessor, allBindings) {
            var react = ko.utils.unwrapObservable(valueAccessor());
            var reactElement = react && react.element;
            if (reactElement) {
                var reactParams = _.omit(react, ['element'])
                $(element).each(function (i, elem) {
                    React.render(reactElement(reactParams), elem);
                })
            } else {
                reactElementUmount(element);
            }
        }
    };
});

model.js

var someElement = ko.observable({element: TodoApp, id: 'some id', otherProps: 123});

todoApp.js

    render: function () {
        console.log(this.props.id, this.props.otherProps)