Recibo este error Uncaught TypeError: No se pueden leer las propiedades de undefined (leyendo 'subreddits') que se refiere a la última línea de código donde defino selectSubreddit, configuro el estado inicial de subreddit en un objeto vacío, entonces, ¿por qué está indefinido? alguien me lo puede explicar por favor

SubredditSlice.js

 import { createSlice} from '@reduxjs/toolkit'; import { getSubreddits } from '../api'; const subredditSlice = createSlice({ name: 'subreddits', initialState: { subreddits: {}, isPending: false, isfailed: false, }, reducers: { getSubredditsPending(state) { state.isPending = true; state.isfailed = false; }, getSubredditsfulfilled(state, action) { state.subreddits = action.payload; }, getSubredditsFailed(state) { state.isLoading = false; state.isfailed = true; } } }) export const fetchSubreddits = () => async (dispatch) => { try { dispatch(getSubredditsPending()); const subreddits = await getSubreddits(); dispatch(getSubredditsfulfilled(subreddits)); } catch (error) { dispatch(getSubredditsFailed); } } export const {getSubredditsPending, getSubredditsfulfilled, getSubredditsFailed} = subredditSlice.actions; export default subredditSlice.reducer; export const selectSubreddit = (state) => state.subreddits.subreddits;

tienda.js

 import { configureStore} from "@reduxjs/toolkit"; import subredditReducer from './subredditSlice'; export default configureStore({ reducer: { subreddit: subredditReducer, } })

índice.js

 import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { Provider } from 'react-redux'; import store from './store/store'; ReactDOM.render( <React.StrictMode> <Provider store={store}> <App /> </Provider> </React.StrictMode>, document.getElementById('root') );