Request to get data in useEffect(). What is the problem?

Question

React

I'm trying to load an array of tasks from the database into the component via api. The code is as follows:
This is how I use the effect hook

const [tasks, setTasks] = useState([])
const [isLoading, setIsLoading] = useState(false)

 useEffect(() => {
    const fetchData = async (id, fetchFunc) => {
      setIsLoading(true);
      const tasks = await fetchFunc(id);
      setTasks('tasks from fetch', tasks);
      setIsLoading(false);
    };
    fetchData(projectId, fetchTasks);
  }, []);

Actually the actions themselves:

export const  recieveTasks = (payload) => {
  return {
    type: GET_PROJECT_TASKS,
    tasks: payload,
  };
}

export const fetchTasks = (id) => (dispatch) => {
  API.getProjectTasks(id).then((tasks) => dispatch(recieveTasks(tasks)));
};

What I see in the logger:

the data came from the server, the action is dispatched. Why tasks = undefined? After all, I use async await and we are waiting for data to be received from fetch.

Tell me what I don't get?