Alexandroppolus

Потому что useModal (и как следствие, компонент, использующий этот хук) использует значение из контекста, и если это значение меняется, будут ререндериться все компоненты, которые зависят от значения контекста (то есть, даже те компоненты, которые работают с другими модалками, ибо контекст общий для всех).

^(?!.*Googlebot).*$

setUsers(users.slice().sort((a, b) => a.address.city > b.address.city ? 1 : -1));

Для "изоморфного JavaScript"
То есть один и тот же код сможет отработать и одинаково создать картинку и на клиенте (в браузере), и на сервере (node.js)

Смотреть соотношение уже переданных заказов первой и второй службам. Если оно меньше 3/7, то передавать первой, иначе второй

При создании таймера значение stroke было равно 0, таковое попадает в замыкание. Вызовы setStroke, конечно, меняют значение в хуке, но переменная в замыкании от этого не меняется.

Надо внести всю логику "внутрь" setStroke.

const updateStroke = () => {
    let timer = setInterval(() => {
        setStroke(stroke => {
            console.log(stroke);
            if (stroke > 1250) {
                clearInterval(timer);
                return 1256;
            } else {
                return stroke + 250;
            }
        });
    }, 1000);
};

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

если data просто импортируется, то выкинуть useEffect и написать
const [users, setUsers] = useState(data);

Метод say лежит в прототипе экземпляра Sounds, а не в самом экземпляре.
Object.assign копирует только содержимое непосредственно объекта, не заглядывая в его прототип. Так мир устроен.

Если надобно без самопересечений, то подойдет упрощенная версия алгоритма выпуклой оболочки - просто сортируешь по углу относительно самой левой точки, и всё.

Навскидку - проверить 4 поинта:
1) Стартовое значение доступно сразу
2) Переустановка значения по таймеру (то есть на моменте delay-epsilon оно старое, а на delay+epsilon уже новое)
3) Проверить, что если до окончания таймаута для значения v2 пришло ещё новое значение v3, таймер перезапускается, значение остается v1, по таймеру будет v3. В общем, что это debounce.
4) Сброс таймера при размонтировании компонента.

в дополнение к jest используй renderHook из @testing-library/react-hooks

и типизацию сделай по-человечески, с помощью генерика.

Не надо менять DOM вручную. Тебе не нужен slideRef и вся та содомия, в которой он участвует.
Сделай position как state, меняй благочестиво, а style.left указывай в зависимости от него:

<div className={s.slides} style={{left: position + '%'}}>

если где-то есть React.StrictMode, удаляй нахрен.

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

type X<T> = Pick<UseFormReturn<T>, 'register' | 'formState'>;

Как-то так