Не могу понять, почему валиться fetch при запросе?

Leo Mavrin, нужно сначала разобраться, на чьей стороне ошибка.
Если во вкладке network респонза нет - то надо разобраться почему сервер не отвечает, и уже после этого искать решение на фронте. Если есть респонз и он 200, то значит где-то не резолвится промис.

Как правильно выводить в state ответ от сервера react?

Если users и organizations участвуют в рендере, то их тоже нужно в стейт добавить

Как не подключать библиотеку и не получить ошибку?

Хм. Не уверен, но тут не обойтись компилятором typescript, необходим какой-нибудь бандлер.
В вебпаке это делается с помощью external в конфигурации, в роллапе с помощью `globals`.

Самое простое на мой взгляд - настроить сборку в роллапе, для базового ts-проекта конфиг будет небольшой.

Как не подключать библиотеку и не получить ошибку?

Расскажите ваш кейс подробнее, что вы хотите сделать?

MacBook Pro 2019 не тянет Photoshop? Или я криворукий?

Евгений Голубев, в about this mac отображаются обе видеокарты, или только интегрированная? Проверьте, что в настройках разрешено переключения графического адаптера.

[Socket.io] Как принимать данные с двух сокетов и сравнивать их междку собой?

Не совсем понял, что вопрос не по клиентской части.
Вполне можно сравнивать в памяти. Действуйте по логике игровых движков: одна игровая сессия - это объект Room. Запуск новой игры - это создание комнаты с определенным внутренним состоянием, пользователи при этом получают ИД созданной комнаты. Действия пользователей изменяют состояние комнаты, которое потом синхронизируется с клиентом. При завершении игры комната уничтожается.
То есть на стороне клиента достаточно знать ИД комнаты, а серверу необходимо проверять, что пользователь имеет доступ в эту комнату.

Как настроить webpack для сборки библиотеки из typescript с поддержкой bebel?

Typescript может транспилироваться в es5, нужно просто указать такой таргет в compilerOptions в tsconfig.json

Почему запрос и ответ идет 2 раза с axios?

Прошу прощения, не прочитал последнюю часть. Без кода react-кода сложно сказать. Судя по всему где-то есть лишний апдейт.

Почему запрос и ответ идет 2 раза с axios?

Может быть один из запросов OPTIONS, а не GET/POST? Если ваши запросы кроссдоменные, то это нормально.

Почему не подключается img через require?

Я так понимаю, вы используете Create React App.
Здесь, в общем-то, все описано: https://create-react-app.dev/docs/using-the-public...
Общая рекомендация и философия CRA - ассеты должны находиться рядом с кодом.

Почему не подключается img через require?

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

Как сократить передачу пропсов в компонент?

Alex Mirgorodskiy, правда такое может показаться неочевидным

let { three, ...rest } = state,
     item = <Item {...rest} />

Как сократить передачу пропсов в компонент?

Или даже

const OuterComponent = ({...rest }) => (
  <InnerComponent {...rest} />
);

Но это я бы рекомендовал делать с типизированным js, чтобы не было неожиданных ошибок.

При первичном рендеринге, роутер возвращает undefined, что делать?

Владимир, повторного запроса при этом не приходит?

useEffect(() => {
 if (id) {
        fetch(`${url}/selectCompany`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                id: id
            })
        })
        .then(response => response.json())
        .then(result => setCompany(result));
      }
    }, [id, setCompany]

Могу предложить банальное решение - добавить условие на id. Когда id будет определен, эффект запустится еще раз и уже отправит запрос.

При первичном рендеринге, роутер возвращает undefined, что делать?

Владимир, подобное решение проверено на практике не раз.

Это первое что я сделал, только иначе (просто запихнул вызов в эффект)

В своем эффекте вы могли не заполнить массив зависимостей либо не использовать стейт для того, чтобы спровоцировать обновление компоненты. Судя по тому, как вы сейчас пишете код с фетчем в теле компонента, вам еще необходимо поработать над теорией эффектов :)

Еще из возможных вариантов - некорректная работа useRouter (возможно он так же не всегда обновляет компоненту). Какую реализацию useRouter вы используете?

Возможно ли запустить router в цикле?

1. Настройте доступные поддомены. Это можно сделать конфигурацией nginx например, либо с помощью пакета vhost средствами ноды express.
2. Создайте один роутер, который будет доставать поддомен.

router.get('/', async (req, res) => {
            const key = req.subdomains[0];
            res.render('index', {
                title: `Subdomian is: ${key}`,
                ifIndex: true,
                cities,
                key
            })
        });

Почему поле заполнено, но срабатывает required?

Без js кода, который обрабатывает валидацию, решение будет больше похоже на гадание на кофейной гуще. Причина, вероятно, кроется как раз в js, т.к. валидация кастомная.

Как остановить работу функции?

atumbochka, самое простое

function mapClick(event){
    if (clicks < 10) {
        clicks++;
        var distance = getDistance(event, target);
        var distanceHit = getDistanceHit(distance);
       $("#distance").text(distanceHit);
       if(distance < 8){
          alert("Клад найден! Сделано кликов: "+clicks);
        }
    } else {
        alert('Проиграл')
    }    
}

Как остановить работу функции?

atumbochka, куда вы добавляете это условие? В mapClick?

Как правильно перезапустить функцию?

> Она ведь никак не изменяется больше.
Вот именно. Вы устанавливаете значение 1 и больше не изменяете его. Оно сохраняется в вашем объекте, и после перезапуска игры setTimeout не запускается, т.к. объект считает, что инициализация уже прошла и повторно ее проводить не надо.