JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css">
<div id="slider"></div>

JavaScript

jQuery(function ($) {
  $.cssHooks.sliderValue = {
    get: function (elem) {
      return $(elem).slider('option', 'value');
    },
    set: function (elem, value) {
      $(elem).slider('option', 'value', parseFloat(value));
    }
  };
  $.fx.step.sliderValue = function (fx) {
    jQuery.style( fx.elem, fx.prop, fx.now );
  };
  $('#slider').slider().animate({sliderValue: 50}, 5000);
});