Как обновить HTML DOM с иммером после изменения состояния?

Question

Я не совсем понимаю, как использовать управление состоянием Immer, но я хочу обновить свой HTML после изменений состояния с помощью vanilla JS. Итак, в этом примере мне нужно повторно отобразить HTML после изменения объекта baseState. Возможно ли это с иммером? Или мне следует использовать его в паре с шаблоном Observer?

Спасибо

let baseState = [
    {
        todo: "Learn typescript",
        done: true
    },
    {
        todo: "Try immer",
        done: false
    }
]

baseState = immer.produce(baseState, draftState => {
    draftState.push({todo: "Tweet about its", done: false})
})