diff --git a/web/src/components/MemoContent/TaskListItem.tsx b/web/src/components/MemoContent/TaskListItem.tsx
index 90476b86..a6248754 100644
--- a/web/src/components/MemoContent/TaskListItem.tsx
+++ b/web/src/components/MemoContent/TaskListItem.tsx
@@ -1,5 +1,5 @@
 import { Checkbox } from "@usememos/mui";
-import { useContext, useState } from "react";
+import { useContext } from "react";
 import { markdownServiceClient } from "@/grpcweb";
 import { useMemoStore } from "@/store/v1";
 import { Node, TaskListItemNode } from "@/types/proto/api/v1/markdown_service";
@@ -19,7 +19,6 @@ interface Props {
 const TaskListItem: React.FC<Props> = ({ node, complete, children }: Props) => {
   const context = useContext(RendererContext);
   const memoStore = useMemoStore();
-  const [checked, setChecked] = useState(complete);
 
   const handleCheckboxChange = async (on: boolean) => {
     if (context.readonly || !context.memoName) {
@@ -35,13 +34,12 @@ const TaskListItem: React.FC<Props> = ({ node, complete, children }: Props) => {
       },
       ["content"],
     );
-    setChecked(on);
   };
 
   return (
     <li className={cn("w-full grid grid-cols-[24px_1fr]")}>
       <span className="w-6 h-6 flex justify-start items-center">
-        <Checkbox size="sm" checked={checked} disabled={context.readonly} onChange={(e) => handleCheckboxChange(e.target.checked)} />
+        <Checkbox size="sm" checked={complete} disabled={context.readonly} onChange={(e) => handleCheckboxChange(e.target.checked)} />
       </span>
       <p className={cn(complete && "line-through opacity-80")}>
         {children.map((child, index) => (