[SOLVED] Redux-Logger - 'reducer' is not defined

Redux-Logger - 'reducer' is not defined

Title.

I'm trying to learn how to use Redux-Logger (dont know whether LogRocket is required, considering it hasnt been updated in years to state its needed but I digress )

According to the usage, the basic implementation is

import { applyMiddleware, createStore } from 'redux';

// Logger with default options
import logger from 'redux-logger'
const store = createStore(
  reducer,
  applyMiddleware(logger)
)

// Note passing middleware as the third argument requires redux@>=3.1.0

I added that into my code and it tells me

'reducer' is not defined

What am I missing here?

Solution

If someone in the future stumbles about this: the documentation of redux-logger shows an outdated example using an outdated style of Redux.

In modern Redux, you would be using configureStore instead, as shown by this example from the Redux-Toolkit documentation:

import { configureStore } from '@reduxjs/toolkit'

import logger from 'redux-logger'

import rootReducer from './reducer'

const store = configureStore({
  reducer: rootReducer,
  middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
})