exclude: /node_modules/
"allowSyntheticDefaultImports": true,
import React from 'react';
"allowSyntheticDefaultImports"
установленно в значение false
, лоадер парсит библиотеки в node_modules, а дефолтные импорты React сделать с текущими настройками не может. const store1 = configureStore1();
const store2 = configureStore2();
const App = () => (
<>
<Provider store={store1}>
<MainProject />
</Provider>
<Provider store={store2}>
<SubProject />
</Provider>
</>
);
const store1 = configureStore1();
const store2 = configureStore2();
const App = () => (
<Provider store={store1}>
<>
<MainProject />
<Provider store={store2}>
<SubProject />
</Provider>
</>
</Provider>
);
const store = configureStore();
store.dispatch(init());
const root = (
<Provider store={store}>
<App />
</Provider>
);
isInitializtion: true
и вместо контента показывать прелоадер или заглушку. case DELETE_SOME_BY_ID:
const byId = { ...state.some.byId };
delete byId[action.payload.id];
const allIdis = state.some.allIdis.filter(el => el.id != action.payload.id);
return {
...state,
some: {
byId,
allIds,
},
};
interface FetchNewsDataSucceededAction {
type: typeof FETCH_NEWS_DATA_SUCCEEDED;
payload: News[];
}
interface FetchNewsDataFailedAction {
type: typeof FETCH_NEWS_DATA_FAILED;
payload: MappedError;
}
type NewsActionTypes = FetchNewsDataSucceededAction |
Action<typeof FETCH_NEWS_DATA_REQUEST> |
FetchNewsDataFailedAction;
const fetchNewsDataRequest = (): NewsActionTypes => ({
type: FETCH_NEWS_DATA_REQUEST,
});
const fetchNewsDataSucceeded = (payload: News[]): NewsActionTypes => ({
type: FETCH_NEWS_DATA_SUCCEEDED,
payload,
});
const fetchNewsDataFailed = (payload: MappedError): NewsActionTypes => ({
type: FETCH_NEWS_DATA_FAILED,
payload,
});
export const fetchNewsData = (): : ThunkAction<Promise<void>, {}, {}, AnyAction> =>
async (dispatch: ThunkDispatch<{}, {}, NewsActionTypes>): Promise<void> => {
try {
const { data } = await Axios.get(`https://api.dtf.ru/v1.6/news/default/recent?count=1`);
dispatch(fetchNewsDataSucceeded(data));
} catch (error) {
dispatch(fetchNewsDataFailed(mapAxiosError(error)));
}
};
.then(data => dispatch(fetchSuccess(data.success)))
case 'LOGIN_USER_SUCCESS':
return {
...state,
key: action.key,
};
const mapStateToProps = state => ({
success: state.authorisation.key,
});
export default connect(mapStateToProps)(YourComponent);