The code returns the following error:
In HTML, <p> cannot be a descendant of <p>.
This will cause a hydration error.
...
<SlotClone tabIndex={-1} onKeyDown={function} ref={function}>
<DismissableLayer role="alertdialog" id="radix-_r_ar_" aria-describedby="radix-_r_at_" ...>
<Primitive.div role="alertdialog" id="radix-_r_ar_" aria-describedby="radix-_r_at_" ...>
<div role="alertdialog" id="radix-_r_ar_" aria-describedby="radix-_r_at_" aria-labelledby="radix-_r_as_" ...>
<s>
<Slottable __v0_s={{fileName:"...", ...}} __v0_c={undefined} __v0_m={undefined} __v0_e={{start:68526, ...}} ...>
<Slottable.Slottable __v0_s={{fileName:"...", ...}} __v0_c={undefined} __v0_m={undefined} ...>
<AlertDialogHeader>
<div className="flex flex-...">
<Slottable>
<Slottable __v0_s={{fileName:"...", ...}} __v0_c={undefined} __v0_m={undefined} ...>
<Slottable.Slottable __v0_s={{fileName:"...", ...}} __v0_c={undefined} __v0_m={undefined} ...>
<AlertDialogDescription>
<AlertDialogDescription className="text-muted..." ref={null}>
<DialogDescription __scopeDialog={{Dialog:[...]}} className="text-muted..." ref={null}>
<Primitive.p id="radix-_r_at_" className="text-muted..." ref={null}>
> <p id="radix-_r_at_" className="text-muted-foreground text-sm" ref={null}>
...
<div className="space-y-3">
<Slottable __v0_s={{fileName:"...", ...}} __v0_c={[...]} __v0_m="1" ...>
<Slottable.Slottable __v0_s={{fileName:"...", ...}} __v0_c={[...]} __v0_m="1" ...>
> <p>
...
...
...
Revise the code to address the error.
I was previewing: /