update

components/form/article/create-article-form.tsx

@@ -664,7 +664,10 @@ export default function CreateArticleForm() {
                     "!rounded-lg bg-white !border-1 !border-gray-200 dark:!border-stone-500",
                 }}
                 classNamePrefix="select"
-                onChange={onChange}
+                value={value}
+                onChange={(selected) => {
+                  onChange(selected);
+                }}
                 closeMenuOnSelect={false}
                 components={animatedComponents}
                 isClearable={true}
@@ -683,60 +686,7 @@ export default function CreateArticleForm() {
           )}
 
           <p className="text-sm">Tags</p>
-          {/* <Controller
+
-            control={control}
-            name="tags"
-            render={({ field: { onChange, value } }) => (
-              <Textarea
-                type="text"
-                id="tags"
-                placeholder=""
-                label=""
-                value={tag}
-                onValueChange={setTag}
-                startContent={
-                  <div className="flex flex-wrap gap-1">
-                    {value.map((item, index) => (
-                      <Chip
-                        color="primary"
-                        key={index}
-                        className=""
-                        onClose={() => {
-                          const filteredTags = value.filter((tag) => tag !== item);
-                          if (filteredTags.length === 0) {
-                            setError("tags", {
-                              type: "manual",
-                              message: "Tags tidak boleh kosong",
-                            });
-                          } else {
-                            clearErrors("tags");
-                            setValue("tags", filteredTags as [string, ...string[]]);
-                          }
-                        }}
-                      >
-                        {item}
-                      </Chip>
-                    ))}
-                  </div>
-                }
-                onKeyDown={(e) => {
-                  if (e.key === "Enter") {
-                    if (tag.trim() !== "") {
-                      setValue("tags", [...value, tag.trim()]);
-                      setTag("");
-                      e.preventDefault();
-                    }
-                  }
-                }}
-                labelPlacement="outside"
-                className="w-full h-fit"
-                classNames={{
-                  inputWrapper: ["border-1 rounded-lg", "dark:group-data-[focused=false]:bg-transparent !border-1 dark:!border-gray-400"],
-                }}
-                variant="bordered"
-              />
-            )}
-          /> */}
           <Controller
             control={control}
             name="tags"