Warning: Failed prop type: prop `store` is marked as required in` Provider`, but its value is `undefined`. at the supplier

Question

How to resolve this error in the reaction-reduction project error screenshot Warning: The prop: def store type is faulty marked as required in Provider , but its value is undefined . in provider

 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import SignUp from './Components/SignUp' import SignIn from './Components/SignIn' import Home from './Components/Home' import { Router, Route, hashHistory, IndexRoute, browserHistory } from 'react-router'; import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; import {firebaseApp} from './Database/firebaseApp' import {Provider} from 'react-redux' import {store} from './Store/Store' import {logUser} from './Store/Actions' ReactDOM.render( <MuiThemeProvider> <Provider store={store}> <Router history={browserHistory} > <Route path="/signup" component={SignUp} ></Route> <Route path="/signin" component={SignIn} ></Route> <Route path="/home" component={Home} ></Route> </Router> </ Provider> </ MuiThemeProvider> , document.getElementById('root') ); 

// save the code below

 import { createStore, applyMiddleware,combineReducers } from 'redux'; import thunk from 'redux-thunk'; import {createLogger} from "redux-logger"; //import logger from 'redux-logger' //import rootReducer from './Reducers/rootReducer' import {authReducer} from "./Reducers/authReducer" const rootReducer = combineReducers({ authReducer }) const logger = createLogger(); let store = createStore(rootReducer, applyMiddleware(thunk, logger) ); export default store; 

Answer 1

The export default store; exported: export default store;

You need to import it as follows: import store from './Store/Store'

There are two types of export:

• export myVar must be imported using { and }
• export default myVar must be imported without { and }

This is useful for exporting / importing several variables / functions from a file:

 // file.js export a; export b; export default c; //otherfile.js import c, { a , b} from './file';