Estoy creando una aplicación redux usando createSlice(), pero aparece el error:

Error: el reductor de sectores para la clave "pageName" no se definió durante la inicialización. Si el estado pasado al reductor no está definido, debe devolver explícitamente el estado inicial. El estado inicial puede no ser indefinido. Si no desea establecer un valor para este reductor, puede usar nulo en lugar de indefinido.

Aquí está el ejemplo mínimo para este error.

pageNameSlice.js:

 import { createSlice } from "@reduxjs/toolkit"; const pageNameSlice = createSlice({ name: 'pageName', initalState: "", // The `reducers` field lets us define reducers and generate associated actions reducers: { setPageName: (state, newName) => { state.pageName = newName } } }); export default pageNameSlice.reducer;

tienda.js:

 import { configureStore } from '@reduxjs/toolkit'; import pageNameReducer from '../features/pageNameSlice'; export const store = configureStore({ reducer: { pageName: pageNameReducer }, });