diff --git a/website/src/components/Tasks/Task/Task.stories.tsx b/website/src/components/Tasks/Task/Task.stories.tsx
index 2b8e7139..bb0da0e3 100644
--- a/website/src/components/Tasks/Task/Task.stories.tsx
+++ b/website/src/components/Tasks/Task/Task.stories.tsx
@@ -27,6 +27,6 @@ Default.args = {
     console.log(content);
   },
   mutate: () => {
-    console.log(mutate);
+    console.log("mutate");
   },
 };
diff --git a/website/src/types/TaskReplyState.ts b/website/src/types/TaskReplyState.ts
index 648dae3c..100aed11 100644
--- a/website/src/types/TaskReplyState.ts
+++ b/website/src/types/TaskReplyState.ts
@@ -1,3 +1,7 @@
+export interface TaskReplyNotSubmittable<T> {
+  content: T;
+  state: "NOT_SUBMITTABLE";
+}
 export interface TaskReplyValid<T> {
   content: T;
   state: "VALID";
@@ -11,4 +15,8 @@ export interface TaskReplyInValid<T> {
   state: "INVALID";
 }
 
-export type TaskReplyState<T> = TaskReplyValid<T> | TaskReplyDefault<T> | TaskReplyInValid<T>;
+export type TaskReplyState<T> =
+  | TaskReplyNotSubmittable<T>
+  | TaskReplyValid<T>
+  | TaskReplyDefault<T>
+  | TaskReplyInValid<T>;