redux 、無効なフック呼び出し。フックは関数コンポーネント本体内でのみ呼び出すことができます

Question

root.render で Provider を設定して使用すると、次のエラーが表示されます:

<ブロック引用>

警告: 無効なフック呼び出しです。フックは内部でのみ呼び出すことができます 関数コンポーネントの本体。これは次のいずれかで発生する可能性があります。 その理由は次のとおりです:

1. React とレンダラーのバージョンが一致していない可能性があります (React DOM など)
2. フックのルールに違反している可能性があります
3. 同じアプリ内に React のコピーが複数ある可能性がありますが、TypeError は捕捉されません: null のプロパティを読み取ることができません ('useMemo' を読み取ります)

これは Provider コンポーネント専用であり、それを呼び出さなければ、このエラーは発生しません。

React を 'react' からインポートします。
ReactDOM を「react-dom/client」からインポートします。
「./App」からアプリをインポートします。
reportWebVitals を './reportWebVitals' からインポートします。
import { Provider } から 'react-redux';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  ＜プロバイダ＞
    <アプリ/>
  </プロバイダー>
);

reportWebVitals();

redux および npm パッケージをアンインストールし、最新バージョンを使用してインストールしましたが、同じ問題が発生します。両方のパッケージに同じ名前があり、コンピュータが混乱するからではないかという人もいますが、私はそうは思いません。

Answer 1

store を Provider

に渡す必要があります

リーリー