fix: value escaping in CommandItem component (#10)

Revert this when there is a patch update from `cmdk`
fityannugroho · Feb 11, 2024 · 48c6fa8 · 48c6fa8
1 parent 4a5380c
commit 48c6fa8
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/components/ui/command.tsx b/components/ui/command.tsx
@@ -113,13 +113,14 @@ CommandSeparator.displayName = CommandPrimitive.Separator.displayName
 const CommandItem = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Item>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>
->(({ className, ...props }, ref) => (
+>(({ className, value, ...props }, ref) => (
   <CommandPrimitive.Item
     ref={ref}
     className={cn(
       'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
       className,
     )}
+    value={value?.replaceAll('"', '\\"')}
     {...props}
   />
 ))