abberati

Вот компонент, который был отрендерен роутом
() => <Success />

Вот тут (props) => <Success /> в props есть history

Пропсы, которые ты передаёшь в компонент Success находятся между <Success и />

Для этого существуют Error boundaries

state = {
    listItems: [],
}

В двух ответах выше вам написали что-то не то. В react v17 запилили новый jsx transform. И с версии 17 на самом деле просто больше не нужно импортировать React

https://reactjs.org/blog/2020/09/22/introducing-th...

Никак. Стор для данных, не надо хранить в нем функции. Так в доке написано. Пересмотри подход к решению задачи.

Это наоборот является хорошей практикой. Переиспользование универсального кода, все дела

У вас две ошибки
Первая — внутри эффекта вы добавляете обработчик и всё. Обработчик будет вызван и изменит значение только при ресайзе.
Вторая —нарушено правило useEffect про зависимости, isMobile замыкается.

Посмотрите на готовое решение, сравните со своим, почитайте статью про useEffect

Готовое решение
Статья

в js символ # зарезервирован. его нельзя явно использовать в имени ключа. в json можно – там он не зарезервирован
зато можно обращаться через динамическое поле

{ "#text": "текст", "ключ с пробелами": 42, "ключ-с-дефисами": 0 }

obj['#text'] // "текст"
obj['ключ с пробелами'] // 42
obj['ключ-с-дефисами'] // 0

btn_color(false) // <-- это вызов функции, ты сам её вызываешь, а в качетсве eventListener устанавливаешь undefined, который возвращает эта функция

getS('#txt_color').addEventListener('click', () => btn_color(false)) // <-- это объявление функции, которая при вызове вызовет твою функцию

const handleChangeItemValue =
  id =>
    ({ target: { value } }) =>
      setList(
        list => list.map(item => item.id === id ? { ...item, value } : item)
      )

В документации есть статья на эту тему

https://redux.js.org/recipes/structuring-reducers/...

Если ты на самом деле хочешь хранить в строке шаблонную строку (

"это строка `а это шаблонная строка внутри строки ${а тут переменная, которая не будет работать, потому что шаблонная строка находится в строке}` и это строка"

), то варианта два – либо выключи правило в .eslinrc, либо выключи правило для конкретно этой строчки кода (гуглить eslint disable comment).

Способ с контекстом – единственно возможный. И это не хак, вполне себе нормальный вариант.

Добавь dispatch в массивы к остальным зависимостям, как советует warning

Эти куски кода абсолютно эквивалентны. Только поэтому редактор и смог предложить замену.