for the code snippet below -
import { combineReducers } from 'redux';
import userReducers from './userReducers';
import articleReducers from './articleReducers';
export default combineReducers({
userReducers,
articleReducers
});I am getting error as
./src/components/App/App.js
Attempted import error: 'combineReducers'
is not exported from '../../store/reducers/'.pls let me know what corrections I need to do
you just used the "{" inappropriately.
Pls understand, this is a bit confusing in React, but use "{" for named imports and remove them for default imports.
as combineReducers are default imports, we can use them directly as
import combineReducers from '../../store/reducers';instead of
import { combineReducers } from 'redux';
import userReducers from './userReducers';
import articleReducers from './articleReducers';Just replace this, it will solve your concern.
Also, pls refer this article for more clarification on this.
https://colinricardo.substack.com/p/named-export-vs-default-export
