Mutiple dynamic boards

[vikaskumar-sourcemash]

I am able to create mutiple dynamic board but addSyncListener's callback is not being called for them. I am pushing the designer object in the array.

`var newDesigner = new CanvasDesigner();

        // you can place widget.html anywhere
        newDesigner.widgetHtmlURL = 'https://rtcmulticonnection.herokuapp.com/node_modules/canvas-designer/widget.html';
        newDesigner.widgetJsURL = 'https://rtcmulticonnection.herokuapp.com/node_modules/canvas-designer/widget.min.js'

        newDesigner.addSyncListener(function(data) {

            connection.send(data);
        });

        newDesigner.setSelected('penci');

        newDesigner.setTools({
            pencil: true,
            text: true,
            image: true,
            pdf: false,
            eraser: true,
            line: true,
            arrow: true,
            dragSingle: true,
            dragMultiple: true,
            arc: true,
            rectangle: true,
            quadratic: false,
            bezier: false,
            marker: true,
            zoom: false,
            lineWidth: false,
            colorsPicker: false,
            extraOptions: false,
            code: false,
            undo: true
        });

        newDesigner.appendTo(document.getElementById(id+'-edit-area'));
        designers.push(newDesigner);`