diff --git a/web/ui/mantine-ui/src/state/alertsPageSlice.ts b/web/ui/mantine-ui/src/state/alertsPageSlice.ts
new file mode 100644
index 0000000000..53e1bc61ef
--- /dev/null
+++ b/web/ui/mantine-ui/src/state/alertsPageSlice.ts
@@ -0,0 +1,32 @@
+import { PayloadAction, createSlice } from "@reduxjs/toolkit";
+
+interface AlertFilters {
+  state: string[];
+}
+
+interface AlertsPage {
+  filters: AlertFilters;
+}
+
+const initialState: AlertsPage = {
+  filters: {
+    state: [],
+  },
+};
+
+export const alertsPageSlice = createSlice({
+  name: "alertsPage",
+  initialState,
+  reducers: {
+    updateAlertFilters: (
+      state,
+      { payload }: PayloadAction<Partial<AlertFilters>>
+    ) => {
+      Object.assign(state.filters, payload);
+    },
+  },
+});
+
+export const { updateAlertFilters } = alertsPageSlice.actions;
+
+export default alertsPageSlice.reducer;