Reactjs 语义ui react基本模式冲突：Portal.render（）

我试图将一个基本模态（）合并到现有的React组件中。 如果没有模态，则按钮渲染良好

class NewInstanceModal extends React.Component<{}, {}> {

    render() {
        console.log('modal render');
        return (<Button>Basic Modal</Button>);
    }
}

---

此组件在另一个组件中渲染。我使用的是typescript版本2.5、语义ui react 0.82.0、语义ui css 2.3.3

我通过更新React至最新版本16.4.2来修复此错误，是否有原因

标题
未取自
模式
？您单独导入了吗？我直接从语义ui react文档中复制了该模式的代码片段。是的，因此我单独导入标题。
class NewInstanceModal extends React.Component<{}, {}> {

    render() {
        console.log('modal render');
        return (
            <Modal trigger={<Button>Basic Modal</Button>} basic size='small'>
                <Header icon='archive' content='Archive Old Messages' />
                <Modal.Content>
                    <p>Your inbox is getting full, would you like us to enable automatic archiving of old messages?</p>
                </Modal.Content>
                <Modal.Actions>
                    <Button basic color='red' inverted>
                        <Icon name='remove' />No
                    </Button>
                    <Button color='green' inverted>
                        <Icon name='checkmark' />Yes
                    </Button>
                </Modal.Actions>
            </Modal>
            );
    }
}

Invariant Violation: Portal.render(): A valid React element (or null) must be returned. You may have returned undefined, an array or some other invalid object.