I am getting an error which briefs- ERROR TypeError: **Cannot read property 'pop' of undefined** at new quill_better_table_BetterTable **(quill-better-table.js:2979)** quill.keyboard.bindings['Backspace'].pop() about quill-better-table HOT 14 OPEN

"quill-2.0-dev": "^2.0.0-dev.3",
"quill-better-table": "^1.2.8",

import React from 'react';
import ReactQuill, { Quill } from 'react-quill';
import { ImageUpload } from 'quill-image-upload';
import { ImageDrop } from 'quill-image-drop-module';
import ImageResize from 'quill-image-resize-vue';
import QuillBetterTable from 'quill-better-table';
import './quill.snow.css';

import {
    toolbarOptions,
    toolbarHandlers,
    formats,
    imageUploadConfig
} from './QuillConfig';

Quill.register('modules/imageUpload', ImageUpload); 
Quill.register('modules/imageDrop', ImageDrop); 
Quill.register('modules/imageResize', ImageResize);
Quill.register({ 'modules/better-table': QuillBetterTable }, true);

window.onbeforeunload = function() {};

class Editor extends React.Component {
    constructor(props) {
        super(props);
        this.state = { text: '', theme: 'snow' }; // You can also pass a Quill Delta here
        this.handleChange = this.handleChange.bind(this);
        this.handleLength = this.handleLength.bind(this);
        this.handleTableInsert = this.handleTableInsert.bind(this);
        this.handleThemeChange = this.handleThemeChange.bind(this);
    }
    editorRef = React.createRef();

    handleChange(delta) {
        this.setState({ text: delta });
    }
    handleLength(value) {
        console.log(`Editor HTML :${value}`);
    }
    handleChange2 = e => {
        this.setState({ text: e });
        console.log(this.state.text);
    };
    handleTableInsert = e => {};

    handleThemeChange(newTheme) {
        if (newTheme === 'core') newTheme = null;
        this.setState({ theme: newTheme });
    }

    render() {
        return (
            <div>
                <div class="btn-group">
                    <button id="insert-table" onClick={this.handleTableInsert}>
                        Insert table
                    </button>
                    <button id="get-table">Get table</button>
                    <button id="get-contents">Get contents</button>
                </div>
                <div className="text-editor">
                    <ReactQuill
                        id="scrolling-container"
                        ref={this.editorRef}
                        placeholder="Write something here..."
                        theme={this.state.theme}
                        modules={Editor.modules}
                        formats={Editor.formats}
                        value={this.state.text}
                        onChange={delta => this.handleChange(delta)}
                        getHTML={this.handleLength}
                    ></ReactQuill>
                </div>
            </div>
        );
    }
}

Editor.modules = {
    toolbar: {
        container: toolbarOptions,
        handlers: toolbarHandlers
    },
    imageDrop: true,
    imageUpload: imageUploadConfig,
    imageResize: {
        displaySize: true
    },
    'better-table': {
        operationMenu: {
            items: {
                unmergeCells: {
                    text: 'Another unmerge cells name'
                }
            }
        }
    },
    keyboard: {
        bindings: QuillBetterTable.keyboardBindings
    }
};

Editor.formats = formats;

export default Editor;

TypeError: Cannot read property 'pop' of undefined
new quill_better_table_BetterTable
B:/Dev/10. WebASReact/web-as-client/node_modules/quill-better-table/dist/quill-better-table.js:4324
  4321 | // expected my binding callback excute first
  4322 | // I changed the order of binding callbacks
  4323 | 
> 4324 | let thisBinding = quill.keyboard.bindings['Backspace'].pop();
       | ^  4325 | quill.keyboard.bindings['Backspace'].splice(0, 1, thisBinding); // add Matchers to match and render quill-better-table for initialization
  4326 | // or pasting
  4327 |