当我尝试从外部组件创建一个"Question"类型的元素时，如下所示：

const current = Question();

作为问题组件，如下所示：

export const Question = () => {

    const [text, setText] = useState("None");

    return (
        <>
        <div className="row">
            <div className="col-12 col-md-9 col-lg-10 col-xl-10 col-xxl-10">
                <span>{text}
                </span>

             </div>
        </div>
        </>
    )
}

当我尝试创建该Question对象时，它返回以下错误：

Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app

会发生什么？我不是从JS函数调用钩子。
谢谢。