How to close a sheet programatically?

[znat]

I'd like to close the sheet when a query returns, the examples only shows the <SheetClose /> tag
Thanks

[joaom00]

const [open, setOpen] = React.useState(false)
<Sheet open={open} onOpenChange={setOpen}>
...
</Shet>

[znat]

Thanks, it works but it has the side effect that when state is explicitly controlled, closing with the cross is not possible anymore.
The icon is wrapped in a <SheetPrimitive.Close /> tag in <SheetPrimitive.Content /> and there's no prop that can be leveraged to deal with that.
Do you have an idea on how to work around that?

<SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">

[joaom00]

I'm pretty sure that should work Codesandbox

[znat]

Oh right, I didn't understand onOpenChangeat first. Thanks a lot for the codesandbox!