store.js

import { useMemo } from 'react';
import { createStore, applyMiddleware } from 'redux';
// import { composeWithDevTools } from 'redux-devtools-extension'
import thunkMiddleware from 'redux-thunk';
import reducers from './reducers';

import { createWrapper } from 'next-redux-wrapper';

// const reducer = (state, action) => {
//   if (action.type === HYDRATE) {
//     console.log(state, action);
//     const nextState = {
//       ...state, // use previous state
//       ...action.payload, // apply delta from hydration
//     };
//     if (state.courses) nextState.courses = state.courses; // preserve count value on client side navigation
//     return nextState;
//   } else {
//     return reducers(state, action);
//   }
// };

// create a makeStore function
const makeStore = (context) => {
  return createStore(reducers, applyMiddleware(thunkMiddleware));
};

// export an assembled wrapper
export const wrapper = createWrapper(makeStore, { debug: true });

// let store

// function initStore(initialState) {
//   return createStore(
//     reducers,
//     initialState,
//   (applyMiddleware(thunkMiddleware)
//   )
// }

// export const initializeStore = (preloadedState) => {
//   let _store = store ?? initStore(preloadedState)

//   // After navigating to a page with an initial Redux state, merge that state
//   // with the current state in the store, and create a new store
//   if (preloadedState && store) {
//     _store = initStore({
//       ...store.getState(),
//       ...preloadedState,
//     })
//     // Reset the current store
//     store = undefined
//   }

//   // For SSG and SSR always create a new store
//   if (typeof window === 'undefined') return _store
//   // Create the store once in the client
//   if (!store) store = _store

//   return _store
// }

// export function useStore(initialState) {
//   const store = useMemo(() => initializeStore(initialState), [initialState])
//   return store
// }