попробуй await Todo.find({}).lean()
запросы mongoose возвращают свои объекты mongoose с кучей дополнительных свойств, .lean() вернет тупо json из базы монго

https://mongoosejs.com/docs/tutorials/lean.html

я к тому, что подозреваю что там монгоос добавляет какое-то свое свойство .completed

еать залипалово какое :D
вот скрипт
colbacolorbar.ru/themes/colba/assets/js/fluidWave.js

вообще не понимаю что там происходит, вроде яваскрипт, но какой то непростой webGL фреймворк наверно

UPD вот нашел на гитхабе это, хз может быть это оригинал кода
https://gist.github.com/peretc001/1444c3df210cc66c...

hulktoster, map/filter/reduce делают как раз то, что надо в реакте - преобразовывают массив с данными в массив с компонентами реакта, можно конечно и через циклы, но это будет больше писанины и будет менее наглядно

data = [........]

render() {
  return (
  <>
    { data.map(x => <MyComponent prop1={x.prop1} prop2={x.prop2} />) }
  </>
  )
}

data = [........]

render() {
  const components = []
  for(let i = 0; i < data.length; i++) {
    const x = data[i]
    components.push(<MyComponent  prop1={x.prop1} prop2={x.prop2} />)
  }

  return (
  <>
    { components }
  </>
  )
}

и это только если надо что-то замапать, а если еще фильтровать итд, то строк в цикле больше и больше

псевдо, или просто в еще один див положить с таким же клип-патхом

это?

arr = [[11,22], [33,44]]
console.log ( arr.flat() )

это сравнительно новый метод, тут есть "альтернативы"
https://developer.mozilla.org/ru/docs/Web/JavaScri...