Ace Editor in Ant Design v4

ace-editor-ant.js

<Form.Item name="styles" label="Custom CSS Styles">
    <AceEditor
        ref={this.ace}
        mode="css"
        theme="tomorrow"
        name={this.props.name}
        fontSize={14}
        showPrintMargin={true}
        showGutter={true}
        highlightActiveLine={true}
        setOptions={{
            enableBasicAutocompletion: true,
            enableLiveAutocompletion: true,
            enableSnippets: false,
            showLineNumbers: true,
            tabSize: 4,
            useWorker: false
        }}
        style={{
            width: "100%",
            height: "15em"
        }}
    />
</Form.Item>