Как отрендерить React компонент по условию?

Question

[Вика Мармеладка]

У компонента есть метод useEffect в котором кидается запрос на бэк, с бека прилетают три массива в виде:

{
  done: [],
  deleted: [],
  todo: []
}

Кидаю их в стейт, стейт меняется соответственно меняется значение allTasksDone на false в строке:
if (!allTasksDone) return <>загрузка</>
и должны отрендерится мои айтемы далее, но этого не происходит

export const TodoList = ({ update }: TodoListProps) => {
    const [data, setData] = useState<any>()
    const allTasksDone = data?.allTasks?.todo

    useEffect(() => {
        const requestBackend = new fetchBackend({ token: localStorage.getItem('token') })

        requestBackend.get('/client/getAlltasks').then((response) => response.json()).then((response) => {
            setData(response)
        })
    }, [update])

    if (!allTasksDone) return <>загрузка</>

    return (
        allTasksDone.map((task: any) => {
            return <TodoItem taskName={task} done={false} />
        })
    )
}

Comments

[Everybody_Lies]

если вам с бека возвращается объект с тремя массивами

{
  done: [],
  deleted: [],
  todo: []
}

то, откуда промежуточный allTasks ?
попробуйте const allTasksDone = data?.todo, потому что я не воспроизвёл вашу проблему
https://codesandbox.io/s/great-cray-o9c58

[Вика Мармеладка]

Everybody_Lies, точно, у меня прилетал в allTasksDone массив из объектов, мне стоило обратится так же и к каждому объекту и от туда тянуть ключи. Спасибо