redux, 잘못된 후크 호출입니다. 후크는 함수 구성 요소 본문 내에서만 호출할 수 있습니다.
<p><code>root.render</code>에서 <code>Provider</code>를 설정하고 사용하면 다음 오류가 표시됩니다. </p>
<인용문>
<p>경고: 잘못된 후크 호출입니다. Hooks는 내부에서만 호출 가능
함수 구성 요소의 본문입니다. 이는 다음 중 하나에서 발생할 수 있습니다.
그 이유는 다음과 같습니다. </p>
<올>
<li>React와 렌더러 버전이 일치하지 않을 수 있습니다(예: React DOM)</li>
<li>Hooks 규칙을 위반했을 수 있습니다</li>
<li>동일한 앱에 React의 여러 복사본이 있을 수 있으며 TypeError가 발생하지 않습니다. null 속성을 읽을 수 없습니다('useMemo' 읽기). </li>
</ol>
</인용문>
<p><code>Provider</code> 구성요소에 대한 것이므로 호출하지 않으면 이 오류가 발생하지 않습니다. </p>
<pre class="brush:php;toolbar:false;">'react'에서 React를 가져옵니다.
'react-dom/client'에서 ReactDOM을 가져옵니다.
'./App'에서 앱 가져오기;
'./reportWebVitals'에서 ReportWebVitals 가져오기;
'react-redux'에서 { 제공자 } 가져오기;
const root = ReactDOM.createRoot(document.getElementById('root'));
루트.렌더(
<공급자>
<앱 />
</공급자>
);
reportWebVitals();</pre>
<p>redux 및 npm 패키지를 제거하고 최신 버전을 사용하여 설치했지만 동일한 문제가 발생합니다. 어떤 사람들은 두 패키지에 동일한 이름이 있어서 컴퓨터에 혼란을 줄 수 있다고 말하지만 저는 그렇게 생각하지 않습니다. </p>
