search

Home  >  Q&A  >  body text

React-redux context not found error: solve the problem when using useSelector hook

I'm working on a React application using Redux to manage state. I've set up the Redux store and Provider in my index.js file:

1

2

3

4

5

6

7

8

9

10

// index.js

 

import { Provider } from 'react-redux';

import store from './store';

 

ReactDOM.render(

  <Provider store={store}>

    <App />

  </Provider> 

);

In my App component, I try to use react-redux's useSelector hook to access the store:

1

2

3

4

5

6

7

8

9

10

// App.jsx

 

import { useSelector } from 'react-redux';

 

function App() {

 

  const state = useSelector(state => state); // 报错

 

  // ...

}

However, this throws the following error:

1

Error: Could not find react-redux context value; please ensure the component is wrapped in a <Provider>

I have confirmed:

But I still see this context not found error. What am I missing in the Provider settings to make the Redux store available to components using hooks like useSelector?

Any help is greatly appreciated!

P粉427877676P粉427877676526 days ago755

reply all(1)I'll reply

  • P粉432906880

    P粉4329068802023-09-14 15:10:57

    Try passing context = {null} in the provider wrapper like below

    1

    2

    3

    4

    5

    <Provider store={store} context = {null}>

    <App />

     

     

     </Provider>

    reply
    0
  • Cancelreply