JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Sortable Test</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <ul class="navigation">
            <li>1 not link <a href="#content-1">link</a></li>
            <li>2 not link <a href="#content-2">link</a></li>
            <li>3 not link <a href="#content-3">link</a></li>
            <li>4 not link <a href="#content-4">link</a></li>
            <li>5 not link <a href="#content-5">link</a></li>
            <li>6 not link <a href="#content-6">link</a></li>
        </ul>             
    </body>
</html>

JavaScript

$(function(){
    $('.navigation').sortable({
        delay: 100,
        distance: 5
    });
});