In next.js I have added Dialog component from shadcn, but it is not working as a modal or popup.

Screenshot: https://i.sstatic.net/fVkQz86t.png

return (
    <Dialog>
        <DialogTrigger asChild>
            <Button variant="outline">Open Modal</Button>
        </DialogTrigger>
        <DialogContent className="p-0 bg-transparent border-none max-w-[880px]">
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Totam, nobis ad ducimus earum molestiae temporibus, at rerum, ipsam repellat suscipit commodi cum cupiditate repellendus culpa atque. Ut nihil distinctio excepturi!
        </DialogContent>
    </Dialog>
);