Tengo un desafío con redux ya que sigo recibiendo este error: TypeError: undefined no es un objeto (evaluando '_useSelector.attendance'). Todo parece estar funcionando bien, pero acabo de entender por qué sigue volviendo a esto incluso cuando parece que el código está bien, que yo sepa.

Reductores.js

 import { GET_ATTENDANCE, ADD_TO_ATTENDANCE_LIST } from "./actions"; const initialState = () => ({ attendance: [], attendancebook: [], }); function attendanceReducer(state = initialState, action) { switch (action.type) { case GET_ATTENDANCE: return { ...state, attendance: action.payload }; case ADD_TO_ATTENDANCE_LIST: return { ...state, attendancebook: [...state.attendancebook, action.payload], }; default: return state; } } export default attendanceReducer;

Pantalla de asistencia.js

 function AttendanceScreen({ route }) { const navigation = useNavigation(); const listing = route.params; const dispatch = useDispatch(); const { attendance, attendancebook } = useSelector( (state) => state.attendanceReducer ); const getAttendance = () => { try { dispatch({ type: GET_ATTENDANCE, payload: attendancelist, }); } catch (error) { console.log(error); } }; const fetchAttendance = () => dispatch(getAttendance()); const addToAttendanceList = (data) => dispatch(addAttendance(data)); useEffect(() => { fetchAttendance(); }, []);

tienda.js

 import attendanceReducer from "./reducers"; const persistConfig = { key: "root", storage: AsyncStorage, whitelist: ["attendancebook"], }; const rootReducer = combineReducers({ attendanceReducer: persistReducer(persistConfig, attendanceReducer), }); export const store = createStore(rootReducer, applyMiddleware(thunk)); export const persistor = persistStore(store);

acciones.js

 export const GET_ATTENDANCE = "GET_ATTENDANCE"; export const ADD_TO_ATTENDANCE_LIST = "ADD_TO_ATTENDANCE_LIST"; export const addAttendance = (data) => (dispatch) => { dispatch({ type: ADD_TO_ATTENDANCE_LIST, payload: data, }); };

Por favor cualquier ayuda será apreciada.