Why is the modal window not working?

Question

React

I use the semantic UI
INDEX.HTML component - I include styles

<link rel="stylesheet" type="text/css" href="/css/button.css">
        <link rel="stylesheet" type="text/css" href="/css/image.css">
        <link rel="stylesheet" type="text/css" href="/css/header.css">
  <link rel="stylesheet" type="text/css" href="/css/modal.css">

The modal window component itself -

import React from 'react'
import { Button, Header, Image, Modal } from 'semantic-ui-react'

const ModalModalExample = () => (
  <Modal trigger={<Button>Show Modal</Button>}>
    <Modal.Header>Select a Photo</Modal.Header>
    <Modal.Content image>
      <Image wrapped size='medium' src='/assets/images/avatar/large/rachel.png' />
      <Modal.Description>
        <Header>Default Profile Image</Header>
        <p>We've found the following gravatar image associated with your e-mail address.</p>
        <p>Is it okay to use this photo?</p>
      </Modal.Description>
    </Modal.Content>
  </Modal>
)

export default ModalModalExample

I try to open it in another component like this

...
import Modalw from '../modal'
...код
<Modalw/>
...код

But the modal window does not open - only the button is displayed and styled - nothing happens when clicked (on semantic ui, this component looks like this https://react.semantic-ui.com/modules/modal#modal-...

Answer 1

first And then the problem is clearly in this