Alexandroppolus

В этом примере все объекты уникальны - сравнение-то делается по ссылке на объект.
Так что сравнивай не сами объекты, а из значения - пары (userId, teamId)

да тут без всякого хаммера можно обстряпать.
обычный драг-н-дроп.

при nousedown запоминаешь в переменную Х, где был курсор мыши, и в переменную A - угол поворота, который был в этот момент.
при mousemove - берешь разницу текущего Х и сохраненного при старте (допустим, это число D), и делаешь текущий угол поворота равным A + k*D, где вещественное k подобрать по вкусу (чем больше, тем быстрее вращается).
mouseup - отписка от событий mousemove и mouseup, прекращение драгндропа.
всё как всегда, в общем.

сначала у массива вызывается метод valueOf, но он возвращает не примитив, а сам массив, и приходится вызвать toString, который дает строку, потому складывается строка с числом.

вот, поэкспериментируй в консоли браузера

var v12 = {
    valueOf: () => {console.log('valueOf'); return [1];},
    toString: () => {console.log('toString'); return '2';}
}

console.log(v12 + 2);

если убрать квадратные скобки, то toString не понадобится

function calcSize(w, h, limitW, limitH) {
    if (h <= limitH && w <= limitW) {
        return [w, h];
    }
    const r = Math.min(limitW / w, limitH / h);
    return [Math.round(r * w), Math.round(r * h)];
}

const realSizes = calcSize(imgW, imgH, Infinity, 200);

размеры с сохранением пропорций, чтобы вписаться в лимит ширины и высоты

document.body.insertAdjacentHTML('beforeEnd', '<i>3425432642656</i>')

Для поразрядных операций JS приводит числа к Int32 (знаковому), и, например, 3232286720 в этот диапазон не влазит, оно считается отрицательным из-за единичного старшего бита.

Чтобы посмотреть, как оно работает, открой консоль браузера, и создай 2 массива:

var a = new Uint32Array(1);
var b = new Int32Array(a.buffer);

a[0] = 3232286728;

console.log(b[0]);

function nonZeroSort(arr) {
    const nz = arr.filter(Boolean).sort((a, b) => a - b);
    let pos = 0;
    return arr.map((x, i) => x && nz[pos++]);
}

если надо отсортировать "на месте" (в исходном массиве), то вместо map использовать forEach или обычный цикл

DragEvent вместо Event

const str = "XX0X10010X000X010X0";
console.log(str.replace(/X0*1\d*(?=X)/g, m => `X${'1'.repeat(m.length - 1)}`));

Надо бы протипизировать по нормальному. Встала на праведную стезю TS - забудь про всякие any.

...
<RegulationEditWindow setIsEditing={setIsEditing} />
...

interface RegulationEditWindowProps {
    setIsEditing(editing: boolean): void;
}

const RegulationEditWindowView: React.FC<RegulationEditWindowProps> = React.memo((props) => {
    ...
    <ArrowLeftOutlined onClick={() => props.setIsEditing(false)} />
    ...
});

Метод eventStart ничего не возвращает