JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<select id="symbols"  
                data-role="dropdownlist" 
                data-bind="source: symbolsDataSource, value: symbolsSelected" 
                data-option-label="Choose..."></select>

<select id="symbols2"  
                data-role="dropdownlist" 
                data-bind="source: symbolsDataSource, value: symbolsSelected" 
                data-option-label="Choose..."></select>

JavaScript

var viewModel = kendo.observable({
    symbolsDataSource: [],
    symbolsSelected: 0,
});

var viewModel2 = kendo.observable({
    symbolsDataSource: ["TEST"],
    symbolsSelected: 0,
});

$(document).ready(function() {

        var uniqueSymbols = ["AAA","BBB","CCC"];
        
        kendo.bind($("#symbols"), viewModel);     
        viewModel.set("symbolsDataSource", uniqueSymbols);
    
        kendo.bind($("#symbols2"), viewModel2);
        viewModel2.set("symbolsDataSource", uniqueSymbols);
    
});