JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="block" type="none">
            <li id = "one">1</li>
           <li id = "two">2</li>
          <li id = "three">3</li>
           <li id = "four">4</li>
           <li id = "five">5</li>


      </ul>
      <ul class="secondblock" type="none">
           <li data-block-id = "one">1</li>
           <li data-block-id = "two">2</li>
           <li data-block-id = "three">3</li>
           <li data-block-id = "four">4</li>
           <li data-block-id = "five">5</li>
      </ul>

CSS

ul{margin:1em 0}
li{width:100px;background:#eee;margin:3px 0;}

JavaScript

$('.block').sortable({update: sortOtherList});


function sortOtherList(){

    $('.block li').each(function(){
    
        $('.secondblock [data-block-id=' + $(this).attr('id') + ']')
            .remove()
            .appendTo($('.secondblock'));
                
    });
}