jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2025-12-25 02:14:11 -05:00
Code Issues Projects Releases Wiki Activity

fix(client): use same store in dev and prod (#63521)

Browse Source
This commit is contained in:
Shaun Hamilton
2025-11-05 18:49:49 +02:00
committed by GitHub
parent 067110d836
commit ae9b5e45de
1 changed files with 13 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
client/src/redux/create-store.ts
View File

@@ -1,10 +1,7 @@
import { createStore as reduxCreateStore, applyMiddleware } from 'redux';
// import { composeWithDevTools } from '@redux-devtools/extension';
import { createEpicMiddleware } from 'redux-observable';
import createSagaMiddleware from 'redux-saga';
import { configureStore } from '@reduxjs/toolkit';
import envData from '../../config/env.json';
import { isBrowser } from '../../utils';
import {
examAttempts,
@@ -20,8 +17,6 @@ declare const module: {
};
};
const { environment } = envData;
const clientSide = isBrowser();
const sagaMiddleware = createSagaMiddleware({
@@ -37,47 +32,20 @@ const epicMiddleware = createEpicMiddleware({
}
});
// const composeEnhancers = composeWithDevTools({
// // options like actionSanitizer, stateSanitizer
// });
export const createStore = (preloadedState = {}) => {
let store;
if (environment === 'production') {
store = reduxCreateStore(
rootReducer,
preloadedState,
applyMiddleware(
sagaMiddleware,
epicMiddleware,
// @ts-expect-error RTK uses unknown, Redux uses any
examAttempts.middleware,
examEnvironmentAuthorizationTokenApi.middleware
)
);
} else {
// store = reduxCreateStore(
// rootReducer,
// preloadedState,
// composeEnhancers(
// // @ts-expect-error RTK uses unknown, Redux uses any
// applyMiddleware(sagaMiddleware, epicMiddleware, examAttempts.middleware)
// )
// );
store = configureStore({
// @ts-expect-error RTK uses unknown, Redux uses any
reducer: rootReducer,
// @ts-expect-error RTK uses unknown, Redux uses any
middleware: getDefaultMiddleware => {
return getDefaultMiddleware()
.concat(examAttempts.middleware)
.concat(examEnvironmentAuthorizationTokenApi.middleware)
.concat(sagaMiddleware)
.concat(epicMiddleware);
},
preloadedState
});
}
const store = configureStore({
// @ts-expect-error RTK uses unknown, Redux uses any
reducer: rootReducer,
// @ts-expect-error RTK uses unknown, Redux uses any
middleware: getDefaultMiddleware => {
return getDefaultMiddleware()
.concat(examAttempts.middleware)
.concat(examEnvironmentAuthorizationTokenApi.middleware)
.concat(sagaMiddleware)
.concat(epicMiddleware);
},
preloadedState
});
sagaMiddleware.run(rootSaga);
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
epicMiddleware.run(rootEpic);