Strange behaviour on ReactMeteor ToDo List

I’m trying to move the Meteor Blaze ToDo Tutorial in a Meteor+React Project. (Using the last versione of them)
I’m doing this for exercise for learning React but i found that my “List” doesn’t show up until i write something in the form input. if I insert a Task, i need to rewrite something in the input to let the list update.
It’s because i’m not using useTracker so i have to use arrow function syntax + Tracker/hook?

This is my code, thanks for yout anwswering

import React from "react";
import ReactDOM from "react-dom";
import { Tasks } from "../collections/task-collection";
import { Meteor } from 'meteor/meteor';


function Task (props){
                    <button className="delete">x</button>


/****Classe Todolist*****/

class ToDo extends React.Component {
    constructor(props) {
        this.state = {
            text: '',


    fetchTask() {
       return( Tasks.find({}, {sort: {createdAt: -1}}).fetch())

    handleSubmit(e) {
        const text =;'addTask', text);

        /**"addTask", text);*/ = "";


    render() {

        return (

            <div className="container">
                    <h1>Todo List incompleteCount</h1>
                <form className="new-task" onSubmit={(event)=>this.handleSubmit}>
                    <input type="text"  value={this.state.text} onChange={this.handleChange} name="text" placeholder="Add new tasks"/>
                    {this.fetchTask().map((number) => <Task key={number._id} number={number.text}/>)}


ReactDOM.render (<ToDo />, document.getElementById('root'));

Yes, you should use either useTracker or withTracker, because you have fetchTasks as reactive source.

Ok so is pretty mandatory to use this Hooks.
What’s the “right” hook to use? I have to use the Arrow Function syntax for my “ToDo” Class/List Class right?

It doesn’t matter whether you use the arrow function syntax or a normal function.

If you use a class, you need to use the HoC (higher order component) version of react-meteor-data which is withTracker

If you want to use hooks, better to avoid using a class as it will require a lot more wrapper that defeats the purpose of using the hooks to remove the HoC wrapper. In this case, you will be using useTracker

I use withTracker, but this is my problem :,