문제

안녕하세요, 제 프로젝트에서 react-ace를 사용하려고 하는데 자동 완성이나 스니펫이 작동하지 않습니다.

내 렌더링 방법은 다음과 같습니다.

render(): JSX.Element {

        return (<>
                    <ContentPage>
                        <AceEditor
                            placeholder="Placeholder Text"
                            mode="html"
                            theme="monokai"
                            name="blah2"
                            width="inherit"
                            onChange={this.onCodeChange}
                            fontSize={14}
                            showPrintMargin={true}
                            showGutter={true}
                            highlightActiveLine={true}
                            setOptions={{
                                enableBasicAutocompletion: true,
                                enableLiveAutocompletion: true,
                                enableSnippets: true,
                                showLineNumbers: true,
                                tabSize: 2
                            }}
                        />
                    </ContentPage>
        </>);
    }

내 수입품은 다음과 같습니다.

import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-html";
import "ace-builds/src-noconflict/theme-monokai";

페이지가 제대로 로드되고 편집기가 구문 강조 표시와 함께 작동하지만 자동 완성/스니펫 대화 상자가 표시되지 않습니다.

내가 받는 유일한 경고는 다음과 같습니다(문제처럼 들림).

ace.js:4316 misspelled option "enableBasicAutocompletion"
warn @ ace.js:4316
ace.js:4316 misspelled option "enableLiveAutocompletion"
warn @ ace.js:4316
ace.js:4316 misspelled option "enableSnippets"

어떤 도움이 되든 좋을 것입니다. 감사합니다!