Expression ___ has changed after it was checked: como corrigir o erro no Angular?

Olá a todos! Sou novo no Angular e TypeScript, e me deparei com um erro muito estranho que aparece no console do navegador: "Expression has changed after it was checked". \n\nTenho um componente simples que exibe uma lista de tarefas. Aqui está o código simplificado:\n\n```typescript\nimport { Component, OnInit } from '@angular/core';\n\ninterface Task {\n id: number;\n title: string;\n completed: boolean;\n}\n\n@Component({\n selector: 'app-task-list',\n template: `\n \n

Total de tarefas: {{ tasks.length }}

\n `\n})\nexport class TaskListComponent implements OnInit {\n tasks: Task[] = [\n {