JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hover">
  
</div>

<!-- Помогите сделать так, что бы класс удалялся при удалении мышки от блока на 100px -->

CSS

.hover {
  width: 100px;
  height: 100px;
  background: #ff0000;
}
.hover_active {
  background: #000;
}

JavaScript

$('.hover').mouseover(function(){
        $(this).toggleClass('hover_active');
    });