I’m looking for a solution so that when you click outside of the drawer (on the background), it doesn’t automatically close. Is it possible to disable that?

<Drawer open={isOpen} direction='right' onOpenChange={setIsOpen}>
            <Button variant="destructive" onClick={() => setIsOpen(true)}>Open Drawer</Button>
            <DrawerContent className='bg-[color:var(--bgSoft)]'>
                <div className="mx-auto w-full max-w-sm">
                    <DrawerHeader>
                        <DrawerTitle></DrawerTitle>
                        <DrawerDescription></DrawerDescription>
                    </DrawerHeader>
                    <form onSubmit={handleSubmit}>
                        <textarea type="text"
                            rows={5}
                            placeholder="Add New Comment"
                            name="comment"
                            required
                            className="bg-[#2e374a] text-[color:var(--text)] text-[14] w-full p-[10px] rounded-[5px] border-[none] outline: none" />
                        <DrawerFooter className='mt-5'>
                            <Button variant='destructive'>Submit</Button>
                        </DrawerFooter>
                    </form>
                    <DrawerFooter>
                        <DrawerClose asChild>
                            <Button variant="secondary">Cancel</Button>
                        </DrawerClose>
                    </DrawerFooter>
                </div>
            </DrawerContent>
        </Drawer>