Retorno [object Object][object Object]

Olá, passei a usar a sintaxe JSX, porém agora ele me retorna [object Object][object Object] ao inves dos dados que estão dentro do array, verifiquei com console.log se a lista esta sendo passada, está, porem na hora de printar e tela me retorna dessa forma. Segue o trecho do código:

export function render(el, state) {
    var todoItems = [];

    if(state.todos){

        todoItems = Array.prototype.map.call(state.todos, renderTodoItem).join('');

    }

    if(isEnabled('filterDone')){
        localStorage.setItem("checked", 2);
        const todosDone = state.todos.filter(item => item.done);
        todoItems = Array.prototype.map.call(todosDone, renderTodoItem).join('');
    }

    if(isEnabled('filterNotDone')){
        localStorage.setItem("checked", 1);
        const todosNotDone = state.todos.filter(item => !item.done);
        todoItems = Array.prototype.map.call(todosNotDone, renderTodoItem).join('');

    }

    const app = renderApp(
        renderInput(),
        renderTodos(todoItems),

    );

    ReactDOM.render(app, el);
}

function renderTodos(todoItems) {
    return <ul className="list-group">{todoItems}</ul>;
}