{"section":"known-issues","requestedLocale":"es","requestedSlug":"el-gancho-para-abrircerrar-modales-afecta-a-todos-los-modales-de-la-pagina","locale":"es","slug":"el-gancho-para-abrircerrar-modales-afecta-a-todos-los-modales-de-la-pagina","path":"docs/es/known-issues/FastStore/el-gancho-para-abrircerrar-modales-afecta-a-todos-los-modales-de-la-pagina.md","branch":"main","content":">ℹ️ Este problema conocido ha sido traducido automáticamente del inglés.\n\n## Sumario\n\n\nAl abrir/cerrar un modal la acción afecta a todos los modales de la página\n\n\n#### Simulación\n\n\nPrueba a abrir un modal en una página con más de uno\nBusca los otros modales, verás que el comportamiento será el mismo\n\n## Workaround\n\n\nPuedes usar un estado personalizado en lugar del nativo. Aquí tienes un ejemplo:\n\n     import \\{ useState \\} from \"react\";import \\{ Modal, ModalHeader, ModalBody, LinkButton, Icon \\} from \"@faststore/ui\";import ModalContent from \"./ModalContent\";import section from \"./styles.module.scss\";const ModalSelector = () => \\{const [showModal, setShowModal] = useState(false);const ToggleModal = () => \\{setShowModal((showModal) => !showModal);\\};return (\\} > Entrega \\{showModal && ( \\<\\> )\\});\\};export default ModalSelector;"}