كيف يمكنني إخفاء عنصر في ريآكت بعد وقت محدد باستعال redux toolkit

السلام عليكم.

بعد إظهار رسالات الخطأ أود إخفاءها باستعمال setTimeOut قمت بالكود التالي

const alertSlice = createSlice({
  name: "alert",
  initialState: {
    alerts: [],
  },
  reducers: {
    setAlerts(state, action) {
        state.alerts = [...state.alerts, action.payload]
    },
// الدالة التي تقوم بإزالة العنصر
    removeAlert(state, action) {
        state.alerts.filter(alert => alert.id === action.payload?.id)
    }
  },
});
***********************************************************************
const onSubmit = async e => {
    e.preventDefault()
    if (password !== password2) {
      dispatch(alertActions.setAlerts({
        id: new Date().getTime(),
        type: "danger",
        msg:"Passwords does not mutch"
      }))
    }
    setTimeout(()=> dispatch(alertActions.removeAlert()), 3000)
    console.log("success")
  }

عند تفعيل onSubmit تظهر رسالة الخطأ و ما أريده هو حذف الرسالة بعد 3 ثواني

شكرا على المساعدة.