Всплывающая модель не закрывается, реагирует на js ⇐ CSS

[Anonymous]

Я создал один компонент. в котором у меня есть кнопка, при нажатии на которую будет отображаться всплывающее окно. данные для этого всплывающего окна помещаются в другой компонент. ниже показано всплывающее окно.
функция Места() { const [showModel, setShowModel] = useState(null) const handleToggleModel = (значение) => { setShowModel (значение) } возвращаться ( handleToggleModel(auli)} > {showModel === аули && ( handleToggleModel(null)}>

)} )
теперь о компоненте кнопки закрытия
const Model = ({ Children, onClose }) => { возвращаться ( {дети} Закрыть ) }