Неопределенный не является итерационным (не может прочитать символ свойства (symbol.iterator)) ⇐ Html

[Anonymous]

Обучение реагирует, кодируя, здесь я получил эту ошибку (Uncaught TypeError: не определяется, не является итерационным (невозможно прочитать символ свойства (symbol.iterator)), не знаю, где проблема, какое -либо предложение?

Код: Выделить всё

{
links: [
{
color: 'red'
},
],
nodes: [
{
focused: focused
},
],
};

`
< /code>
Я хочу взять эти данные и немного изменить их, как и моя логика, цвет должен быть серым или красным, если совпадает с идентификатором, а также фокус должен быть сосредоточенным, если идентификатор совпадает, английский не является моим родным языком, поэтому могут быть ошибки. Есть идеи?
Я надеюсь, что мой вопрос ясен, если нужно что-то добавить или не ясно, просто скажите мне.  const [filteredData, setFilteredData] = useState();
const LINK_COLOR = "grey";
const LINK_FOCUS_COLOR = "red";

useEffect(() => {
const filterData = () => {

setFilteredData({ links: links, nodes: allNodes });

};
filterData() ;

}, [...]);

const focusLinkId = currentLink ? currentLink.id : "";
const focusNodeId = currentNode ? currentNode.id : "";

const graphData = {
...filteredData,
links: [
...filteredData?.links,
{
color: filteredData?.links?.map((l) => {
const color = l?.id === focusLinkId ? LINK_FOCUS_COLOR : LINK_COLOR;
return color;
}),
},
],
nodes: [
...filteredData?.nodes,
{
focused: filteredData?.nodes?.map((n) => {
const focused = n?.id === focusNodeId;
return focused;
}),
},
],
};

console.log("graphData:", graphData);

Подробнее здесь: https://stackoverflow.com/questions/735 ... l-iterator