JobListings using React and ReduxToolkit, and SASS for styling

Hi guys, hope to get some help. I used react and redux toolkit for this one (an overkill for this challenge but I wanted to practice it).

When i delete one of the filters, the jobs do not appear back. All that remains after I delete them is the last filtered job.

I have my action to handle that in the features folder under jobSlice, specifically the handleDelete action.

const initialState = {
  jobItems: jobs,
  filter: [ ],
};

const jobSlice = createSlice({
  name: "jobs",
  initialState,
  reducers: {
    handleFilter: (state, { payload }) => {
      if (!state.filter.includes(payload)) {
        state.filter = [...state.filter, payload];

        state.jobItems = state.jobItems.filter(job =>
          [...job.languages, ...job.tools, job.level, job.role].includes(
            payload
          )
        );
      }
    },
    handleDelete: (state, { payload }) => {
      const { item, id } = payload;

      state.filter = state.filter.filter((item, idx) => id !== idx);

      state.jobItems = state.jobItems.filter(job =>
        [...job.languages, ...job.tools, job.level, job.role].includes(item)
      );
    },

The destructured const "item" represents the selected filter like "HTML" , "CSS" etc

Hope to hear from you guys. Thanks :)