Add comment to makeStore

Author: markerikson

packages/react-native-template-redux-typescript/template/src/app/store.ts

@@ -1,40 +1,42 @@
-import type { Action, ThunkAction } from "@reduxjs/toolkit"
-import { combineSlices, configureStore } from "@reduxjs/toolkit"
-import { setupListeners } from "@reduxjs/toolkit/query"
-import { counterSlice } from "../features/counter/counterSlice"
-import { quotesApiSlice } from "../features/quotes/quotesApiSlice"
+import type { Action, ThunkAction } from "@reduxjs/toolkit";
+import { combineSlices, configureStore } from "@reduxjs/toolkit";
+import { setupListeners } from "@reduxjs/toolkit/query";
+import { counterSlice } from "../features/counter/counterSlice";
+import { quotesApiSlice } from "../features/quotes/quotesApiSlice";
 
 // `combineSlices` automatically combines the reducers using
 // their `reducerPath`s, therefore we no longer need to call `combineReducers`.
-const rootReducer = combineSlices(counterSlice, quotesApiSlice)
+const rootReducer = combineSlices(counterSlice, quotesApiSlice);
 // Infer the `RootState` type from the root reducer
-export type RootState = ReturnType<typeof rootReducer>
+export type RootState = ReturnType<typeof rootReducer>;
 
+// The store setup is wrapped in `makeStore` to allow reuse
+// when setting up tests that need the same store config
 export const makeStore = (preloadedState?: Partial<RootState>) => {
  const store = configureStore({
  reducer: rootReducer,
  // Adding the api middleware enables caching, invalidation, polling,
  // and other useful features of `rtk-query`.
- middleware: getDefaultMiddleware => {
- return getDefaultMiddleware().concat(quotesApiSlice.middleware)
+ middleware: (getDefaultMiddleware) => {
+ return getDefaultMiddleware().concat(quotesApiSlice.middleware);
  },
  preloadedState,
- })
+ });
  // configure listeners using the provided defaults
  // optional, but required for `refetchOnFocus`/`refetchOnReconnect` behaviors
- setupListeners(store.dispatch)
- return store
-}
+ setupListeners(store.dispatch);
+ return store;
+};
 
-export const store = makeStore()
+export const store = makeStore();
 
 // Infer the type of `store`
-export type AppStore = typeof store
+export type AppStore = typeof store;
 // Infer the `AppDispatch` type from the store itself
-export type AppDispatch = AppStore["dispatch"]
+export type AppDispatch = AppStore["dispatch"];
 export type AppThunk<ThunkReturnType = void> = ThunkAction<
  ThunkReturnType,
  RootState,
  unknown,
  Action
->
+>;