# Region Click Click a region to select it. Click again to deselect. The `onRegionClick` callback provides the region data for each click. ```tsx 'use client' import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '@/components/ui/dialog' import { USAMap } from '@/components/shadcnmaps/maps/usa' import { useState } from 'react' export default function RegionClickExample() { const [selected, setSelected] = useState(null) return ( <>

setSelected(open ? selected : null)} > {selected} Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

setSelected((prev) => (prev === region.name ? null : region.name)) } /> ) } ```