react，chrome浏览器一直loading？

在使用的react版本如下：

希望实现如下效果：

目前效果，浏览器不停地loading，loading框里的圆圈一直在转动：

由于代码较多，不便粘贴上来
请问问题可能出在哪里？

useEffect依赖增加[]

建议自行调试