How to add snippets manually without brace?

Hi, I want to add my own snippets to AceEditor. I found this: https://github.com/denvash/react-json-snippet-editor . But, I’ve read, that Brace is no longer supported for React Ace. How should I add them now?

My component

<AceEditor
        placeholder="Type here..."
        mode="json"
        theme="monokai"
        id="blah2"
        onChange={this.onTextChange}
        fontSize={14}
        showPrintMargin={true}
        showGutter={true}
        highlightActiveLine={true}
        value={this.state.text}
        editorProps={{ $blockScrolling: true }}
        enableBasicAutocompletion={true}
        enableLiveAutocompletion={true}
        enableSnippets={true}
/>

[mohsinxx365]

Done . This is the link to the codesandbox with the demo and some documentation : https://codesandbox.io/s/react-acesnippets-sk2uq?file=/src/App.js

[fkoehler42]

@danilafrolov @piotrkochan using the implementation described above you can use placeholders like this (example of lua function):

{
    caption: 'function',
    snippet: 'function ${1:name}(${2:arguments})\n\t${3:body}\nend\n',
    meta: 'snippet', //display the keyword "snippet" next to your snippet title in the editor pop-up
}