Javascript useRef（）钩子调用[NextJs]无效

我试图在NextJs项目中的函数组件主体内使用

useRef（）

hook，但仍然得到下面的错误。我已经检查了React钩子规则，但是我找不到这个错误和这个不起作用的原因。 有人有主意吗

错误：无效的钩子调用。钩子只能在函数组件的主体内部调用。这可能是由于以下原因之一：

import React，{useRef}来自“React”；
导出默认功能图（）{
const svgRef=useRef（）；
返回(
{
posts.map（post=>{
返回(
)
})
}
)
}

您可以尝试将

null

作为参数传递给

useRef

hook作为：

const svgRef = useRef(null);

---

你能粘贴代码沙盒的链接吗？因为代码似乎是合法的。我在沙箱上试过，效果如预期。在我的本地项目中，我使用

createRef（）

实现了它。但是我不能使用useRef；我不知道这是否与NextJs的一些细节有关，或者是什么。谢谢你的帮助！我试过了，但没什么不同。最终使用createRef（）而不是useRef（）实现了。谢谢你！