JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test" data-rot="20"></div>

CSS

#test {height: 200px; width: 200px; background: red; position: red;
 -webkit-transform: rotate(20deg); 
     -moz-transform: rotate(20deg);
      -ms-transform: rotate(20deg);
       -o-transform: rotate(20deg);
          transform: rotate(20deg); 
}

JavaScript

$(document).on('click', '#test', function() {
    var r = $(this).data('rot') + 5;
    $(this).css({
      '-webkit-transform': 'rotate('+r+'deg)',
         '-moz-transform': 'rotate('+r+'deg)',
          '-ms-transform': 'rotate('+r+'deg)',
           '-o-transform': 'rotate('+r+'deg)',
              'transform': 'rotate('+r+'deg)'
    });
    $(this).data('rot', r);
});