JSFiddle - React, Tailwind, and code Playground

Issue with "]" symbol in dropDownList label

HTML

<link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2013.3.1324/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1324/js/kendo.all.min.js"></script>

<div id="testDiv">
    <input data-role="dropdownlist"
        data-bind="source: items, value: selectedValue"
        data-text-field = "Name"
        data-value-field = "Value"
        data-option-label = "Select....." 
    />
   <!--  data-option-label = "[ None ]"  - causes error -->
    
    Selected: <span data-bind="text: selectedValue.Value"/>
</div>

JavaScript

var viewModel = kendo.observable({
    items: [{
        Name: 'aaa',
        Value: 123
    }, {
        Name: 'bbb',
        Value: 456
    }],
    selectedValue: 456
});

kendo.bind($("#testDiv"), viewModel);