我正在将数据从数据库加载查询传递到我的脚本中，并使用useEffect来更新现有数据。这出于某种原因导致UE无限地运行。useEffect如下所示，它由来自DB的数据数组调用。

useEffect(()=>{
    console.log("UE1"); // running on infinite loop. TODO: DEBUG. 
    setCircles(paramsObject?.circles)
}, [paramsObject])

使用circle元素更新此useState（svg）：

//ocircles created/creating
const [circles, setCircles] = useState([]);

我不确定该尝试什么，因为这个useEffect对于加载数据并将其用作页面的当前数据状态至关重要。
下面是更多的上下文代码：

//CIRCLES ARRAY const [circles, setCircles] = useState([]);  
const { id } = useParams(); 
const { data } = useQuery(LOAD_DATA);   
const loadedData = data?.params.find(element => id === element._id); const loadedID = loadedData?._id; 
const paramsObject = JSON.parse(loadedData?.params || '{}');

useEffect(()=>{         
setCircles(paramsObject?.circles) 
},[paramsObject]