lnked

В фигурных скобочках пишут JavaScript-код. Соответственно, если вы напишите onClick={props.onClick()}, то это будет вызовом функции, а результат этого вызова будет присвоен свойству onClick кнопки. А надо, чтобы это была функция, что достигается строчкой onClick={props.onClick}.

Пишите кастомные хуки, организуйте логику в них. У вас есть useSelector и useDispatch в редаксе.

Хуки позволяют делать ровно то же самое, что позволяют делать хоки, но более компактно и без порождения лишних компонентов-обёрток.

Выключите джаваскрипт в браузере (disable JavaScript) и загрузите страницу. Если увидите маркап, то ССР, если ничего, то ССР отсутствует

возможно надо это event.stopPropagation() в onClick кнопки

заголовки вида Access-Control-Allow-* - это заголовки ответа, их должен отправлять сервер в ответ на запрос
притом если запрос OPTIONS (браузер шлет сам перед основным запросом для проверки прав), то сервер должен так же ответить этими заголовками, но со статусом 204 и без тела

вебпак тут ни при чем, jquery сам использует эту библиотеку для имплементации CSS селекторов.
Разделен он на отдельную библиотеку, чтобы была возможность использовать вне jquery по необходимости.
Когда ты подключаешь его без вебпака, он точно так-же тянет с собой эту либу.

Импортируйте картинку, а не создавайте переменную

import image from '../../assets/wine1.png'

Логика значит такая.
При создании таймера получаете время его запуска и записываете в localStorage, при определении неактивного состояния страницы записываете это время туда же. И при возвращении высчитав разницу во времени продолжаете считать с нужного момента.

Это плохой секундомер, неправильный.
setInterval(foo, 1000) будет срабатывать не каждую секунду ровно, а МИНИМУМ через секунду, и будет накапливаться ошибка.
По хорошему надо хранить стартовое (или финишное) время, на каждом тике сравнивать текущее время (new Date()) со стартовым, и только потом отрисовывать циферки на дисплей.

Тогда и проблема с переходом на другую вкладку решается очень просто - стартовое время пишется в localStorage, например. При смене страницы оно просто оттуда читается, и таймер продолжает работу в обычном режиме.

И не выкладывайте код скриншотами, пользуйтесь кнопочкой </>

componentDidMount(){
    setTimeout((function(){return( this.setState({text:true}))}).bind(this), 2000);
}

https://developer.mozilla.org/ru/docs/Web/JavaScri...

Фарш обратно не провернуть