Fixing types

frontend/src/preferences/DeleteConvModal.tsx

@@ -3,6 +3,7 @@ import { ActiveState } from '../models/misc';
 import { useMediaQuery, useOutsideAlerter } from './../hooks';
 import Modal from '../Modal';
 import { useDispatch } from 'react-redux';
+import { Action } from '@reduxjs/toolkit';
 
 export default function DeleteConvModal({
   modalState,
@@ -10,7 +11,7 @@ export default function DeleteConvModal({
   handleDeleteAllConv,
 }: {
   modalState: ActiveState;
-  setModalState: (val: ActiveState) => void;
+  setModalState: (val: ActiveState) => Action;
   handleDeleteAllConv: () => void;
 }) {
   const dispatch = useDispatch();

frontend/src/preferences/preferenceSlice.ts

@@ -1,4 +1,5 @@
 import {
+  PayloadAction,
   createListenerMiddleware,
   createSlice,
   isAnyOf,
@@ -34,7 +35,7 @@ const initialState: Preference = {
   } as Doc,
   sourceDocs: null,
   conversations: null,
-  modalState: 'ACTIVE',
+  modalState: 'INACTIVE',
 };
 
 export const prefSlice = createSlice({
@@ -59,7 +60,7 @@ export const prefSlice = createSlice({
     setChunks: (state, action) => {
       state.chunks = action.payload;
     },
-    setModalStateDeleteConv: (state, action) => {
+    setModalStateDeleteConv: (state, action: PayloadAction<ActiveState>) => {
       state.modalState = action.payload;
     },
   },