Как запретить Webpack генерировать стили, шаблоны ejs в бандл js?

ramanovsky, да, если хотите избавиться от лишних файлов.

Как заставить работать пакет randombytes?

lexstile
Судя по всему `randombytes` делает примерно такое:

const getRandomBytes = size => {
  const arr = new Uint8Array(size);
  crypto.getRandomValues(arr);
  return arr;
}

https://developer.mozilla.org/en-US/docs/Web/API/C...

Как заставить работать пакет randombytes?

Скорее всего функция неправильно импортируется. Как вы ее добавляете?

Проблема js, canvas, нужна помощь в исправлении?

Наиболее вероятно, что `myData` пустой. Если на одном домене работает, а на другом нет - смотрите в сторону CORS. Возможно, данные с бэкенда просто не приходят (если загружаете асинхронно).

Как решить Parsing Error в ESLint?

Вероятно, что он парсил `` как тег, и от этого все ломалось.

Зачем useRef нужен объект?

Да, все верно

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

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

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

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

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

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

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

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

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

[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 вы используете?