JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<div id="menu">
  Menu <hr>
  <div class="koelkast meubel notActive">koelkast</div>
  <div class="aanrechtblok meubel notActive">aanrechtblok</div>
</div>
<br><br>
Place here:

JavaScript

$('.notActive').draggable({
  stop: function(){
    $(this).removeClass('notActive');
    $(this).addClass('active');
    $('#menu').append($('<div class="koelkast meubel notActive">koelkast</div>'));
  }
});