word?: ITerm | null;

dashboard/src/reducers/term-click.ts

@@ -4,7 +4,7 @@ import type { RootState } from "../store";
 import { ITerm } from "../components/term/TermEdit";
 
 interface IState {
-  word?: ITerm;
+  word?: ITerm | null;
 }
 
 const initialState: IState = {};
@@ -13,7 +13,7 @@ export const slice = createSlice({
   name: "term-change",
   initialState,
   reducers: {
-    click: (state, action: PayloadAction<ITerm>) => {
+    click: (state, action: PayloadAction<ITerm | null>) => {
       state.word = action.payload;
     },
   },
@@ -21,7 +21,7 @@ export const slice = createSlice({
 
 export const { click } = slice.actions;
 
-export const clickedTerm = (state: RootState): ITerm | undefined =>
+export const clickedTerm = (state: RootState): ITerm | null | undefined =>
   state.termClick.word;
 
 export default slice.reducer;