JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.githubusercontent.com/aterrien/jQuery-Knob/master/js/jquery.knob.js"></script>
<input type="text" class="knobSlider" data-width="135" data-thickness=".25" data-displayInput="false" data-readOnly="true" value="25"> 
    
    <button class="btn btn-primary" id="testBtn">click Here</button>

JavaScript

$(document).ready(function(){
	$(".knobSlider").knob({
		bgColor : 'rgb(92,182,232)',
		fgColor : 'rgb(33,104,135)'
	});
	
	$("#testBtn").click(function(){
		$(".knobSlider").siblings("canvas").remove();
		if($(".knobSlider").attr("data-readOnly")=='true'){
			$(".knobSlider").unwrap().removeAttr("data-readOnly readonly").data("kontroled","").data("readonly",false).knob();
		}
		else{
			$(".knobSlider").unwrap().attr("data-readOnly",true).data("kontroled","").data("readonly",true).knob();
		}
	});
});