Why doesn't the modal window?

Use semantic UI component
INDEX.HTML - connect 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 component is modal Windows
import React from 'react'
import { Button, Header, Image, Modal } from 'semantic-ui-react'

const ModalModalExample = () => (
 <modal trigger="{<Button">Show Modal}>
 <modal.header>Select a Photo</modal.header>
 <modal.content image>
 <img wrapped size="medium" src="/assets/images/avatar/large/rachel.png">
 <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>

export default ModalModalExample

I try to appear in another component so
import Modalw from '../modal'
But modal window does not open - only the button is displayed and stylized - when pressed nothing happens (on this semantic ui component looks like this https://react.semantic-ui.com/modules/modal#modal-...
June 5th 19 at 21:32
1 answer
June 5th 19 at 21:34
export default ModalModalExample

And then
import Modalw from '../modal'
The problem is clearly in this

Find more questions by tags ReactRedux