I am new to redux toolkit. Here, I am trying to return my filtered data into the state but my state is not changing after dispatching an action.

My code -

const dataSlice = createSlice({
  name: "data",
  initialState: {
    datas: [],
  },
  reducers: {
    search: (state, action) => {
      console.log(action.payload);
      state.datas = state.datas.filter((data) => {
        return data.rocket.rocket_name.toLowerCase().includes(action.payload);
      });
    },
  },
  extraReducers: {
    [dataFetch.pending]: (state, action) => {
      state.loading = true;
    },
    [dataFetch.fulfilled]: (state, action) => {
      state.datas = action.payload;
      state.loading = false;
    },
    [dataFetch.rejected]: (state, action) => {
      state.error = action.payload;
    },
  },
});