<p>當我在 <code>root.render</code> 中設定並使用 <code>Provider</code> 時，它向我顯示此錯誤：</p> <blockquote> <p>警告：無效的掛鉤呼叫。鉤子只能在內部調用 函數組件的主體。這可能發生在其中一個 原因如下：</p> <ol> <li>您的 React 和渲染器版本可能不符（例如 React DOM）</li> <li>您可能違反了 Hooks 規則</li> <li>您可能在同一應用程式中擁有多個 React 副本，並且未捕獲 TypeError：無法讀取 null 的屬性（讀取“useMemo”）</li> </ol> </blockquote> <p>它只是針對 <code>Provider</code> 元件，如果我不呼叫它，就不會出現此錯誤。 </p> <pre class="brush:php;toolbar:false;">import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { Provider } from 'react-redux'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <Provider> <App /> </Provider> ); reportWebVitals();</pre> <p>我卸載了 redux 和 npm 包，然後使用最新版本安裝它們，但我遇到了相同的問題。有人說可能是因為兩個包中有相同的名稱，這會讓電腦感到困惑，但我不這麼認為。 </p>

import React from 'react';
import ReactDOM from 'react-dom/client';

import App from './App';
import reportWebVitals from './reportWebVitals';
import { Provider } from 'react-redux';
import store from "./path/to/store"

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
    <App />
  </Provider>
);

reportWebVitals();