JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.0/chosen.jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<select id="parentArea" class="chosen-select" data-bind="   
   options: parentAreas,
   optionsCaption: 'Choose...',
   optionsText: 'Label',
   chosen:{},
   value: selectedParentArea">
</select>

<select id="chosenSimple">
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
</select>

JavaScript

var VM = function(){
    var self = this;
    self.parentAreas = [
        {
            Label:"option1",
            Value:1
        },
        {
            Label:"option2",
            Value:2
        },
        {
            Label:"option3",
            Value:3
        },        
    ]
        
    self.selectedParentArea = ko.observable();
    
}


ko.bindingHandlers.chosen = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel) {
        console.log('chosen', element);
        $(element).chosen({});
    }
};
        
ko.applyBindings(new VM());
$("#chosenSimple").chosen();