how to implement the new react-redux v6.0.0

I was able to solve the problem by actually listening to what the error message said.

there were two problems with my code

1. i was passing store as props to my <App /> component. which is why the first warning/error message was comming.

Passing redux store in props has been removed and does not do anything. To use a custom Redux store for specific components, create a custom React context with React.createContext(), and pass the context object to React-Redux's Provider and specific components like: . You may also pass a {context : MyContext} option to connect

to fix this simply dont pass whole redux store as props to any component

2. my Provider from react-redux was not the root component. the error message said

Could not find "store" in the context of "Connect(App)". Either wrap the root component in a Provider , or pass a custom React context provider to and the corresponding React context consumer to Connect(App) in connect options

so i followed the second wanring in the sentence

Either wrap the root component in a Provider , or pass a custom React context

so i wrapped my main root in provider. and things started working well.

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