React - бесконечный render

В componentDidUpdate делаю второй поход за данными, что бы после добавления новой задачи( компонент AddTaskInput), изменения статуса или удаления (компонент Task), что бы ре-рендерить TaskList, но рендер происходит сразу же и получается зацикливание. Проверку в componentDidUpdate делал по примеру. Как избежать зацикливания?

import React from 'react'
import { Task } from './Task'
import { AddTaskInput } from './AddTaskInput.jsx'
export class TaskList extends  React.Component {
  constructor(props) {
    super(props)
    console.log("constructor")
    this.state = {
      tasks:null,
      isLoading: true
    }
  }
  getTodos() {
    fetch('api/tasks')
      .then(response => response.json())
      .then(tasks => this.setState({  
        tasks,
        isLoading: false,
      }));
  }

  componentDidMount() {
    this.getTodos()
    console.log('DidMount')
  }
  componentDidUpdate(prevState){
    if(prevState.tasks !== this.state.tasks){
      this.getTodos()
    }
  }

  render() {
    console.log("render")
    return this.state.isLoading ? 
      '...Loading...' : (
        <>
          <AddTaskInput/>
          <div className="listWrapper">
            <ul className="taskList">
              <Task
                tasks = {this.state.tasks}
              />
            </ul>
          </div>
        </>
      ) 
  }
}