Fix create task template

src/components/CreateTaskTemplate/CreateTaskTemplate.tsx

@@ -48,8 +48,14 @@ const CreateTaskTemplate: React.FC<Props> = ({ tasks }) => {
     register,
     handleSubmit,
     setValue,
+    watch,
     formState: { errors, isSubmitting },
-  } = useForm<NewTaskTemplateFormInputs>();
+  } = useForm<NewTaskTemplateFormInputs>({ defaultValues: { taskIds: [] } });
+
+  const currentTaskIds = watch("taskIds");
+  const selectedItems = React.useMemo(() => {
+    return items.filter((item) => currentTaskIds.includes(item.id));
+  }, [currentTaskIds, items]);
 
   const onSubmit: SubmitHandler<NewTaskTemplateFormInputs> = React.useCallback(
     async (data) => {
@@ -100,11 +106,11 @@ const CreateTaskTemplate: React.FC<Props> = ({ tasks }) => {
           </Grid>
           <TransferList
             allItems={items}
-            initiallySelectedItems={[]}
-            onChange={(selectedItems) => {
+            selectedItems={selectedItems}
+            onChange={(selectedTasks) => {
               setValue(
                 "taskIds",
-                selectedItems.map((item) => item.id),
+                selectedTasks.map((item) => item.id),
               );
             }}
             allItemsLabel={t("Task Pool")}