I'm getting this error Uncaught TypeError: Cannot read properties of undefined (reading 'subreddits') which refers to the last line of code where i define selectSubreddit, I set subreddit inital state to an empty object, so why is undefined? Can someone explain it to me please

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;

store.js

import { configureStore} from "@reduxjs/toolkit";
import subredditReducer from './subredditSlice';

export default configureStore({
    reducer: {
        subreddit: subredditReducer,
    }
})

index.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')
);