I have following modal code:
<Modal>
{({open, toggle}) => {
return <><Button
onClick={toggle}
>Open</Button>
<ModalContent>
<ModalHeader>
Header
<Button
variant="icon"
onclick={toggle}
style={{ float: "right" }}
>
✕
</Button>
</ModalHeader>
<ModalBody>
<Show when={open()}>
<Body/>
</Show>
</ModalBody>
</ModalContent>
</>;
}}
</Modal>
but modal opens <Body> component run twice.
I have following modal code:
but modal opens
<Body>component run twice.