Mobx: how to render container passing observable from store to child component?

Question

React

Mobx only renders an observer component when an observable structure is accessed in that component. Those. if, split the component into a Container and a Presentation Component, the Container is not rendered, so the Presentation Component does not get updated data.

import React, { Component } from 'react';
import { observer, inject } from 'mobx-react';

import TodoView from './Todo-view';

@inject('TasksModel')
@observer
class Todo extends Component {
    render() {
        const {
            TasksModel: { tasks },
        } = this.props;
        return (
            <TodoView tasks={tasks} />
        );
    }
}

export default Todo;

But if you formally refer to the observable structure inside the render method of the Container, for example, through tasks.length;, then it will consider that the observable is used, and the observer will re-render the container.
The question is: how to let the container re-render, if in render they will only be used by passing them to the child component?

Answer 1

Add @observer to TodoView
Better yet, @inject there as well.
And throw out your Todo.
And don't mix all the concepts you've come across on the internet in one code.