Learn React with TypeScript 3

Adding the store Provider component

The Provider component can pass the store to components beneath it at any level. So, in this section we are going to add Provider right at the top of our component hierarchy so that all our components can access it:

1. Let's open our existing index.tsx and import the Provider component from React Redux:

import { Provider} from "react-redux";

2. Let's also import the Store type from React Redux:

import { Store } from "redux";

3. The final thing we need to import is the following from our store:

import configureStore from "./Store";import { IApplicationState } from "./Store";

4. We are then going to create a little function component after the import statements:

interface IProps { store: Store<IApplicationState>; ...