React Context: создание глобального стора, используя useContext и useState

Можно было просто ссылку на документацию оставить. Желательно не на легаси https://react.dev/

Как я перестал беспокоиться и полюбил тестирование React-компонентов

страшные штуки по имени CSS, browser compatibility, и всё вот это.

Как эти проблемы решает описанный подход?

 остальные 95 — это "я чего-то поменял в компоненте и теперь мне надо поправить тест, чтоб не падал".

У вас то же самое, но глобально. И это только стор и роутер из явных зависимостей. С накрученными по пути контекстами, кастомными хуками, редукс мидлварями и прочим, о каком-то рефакторинге будут говорить разве что шепотом. Тем более, что подобные тесты достаточно слабо защищают от нового кода, скорее от изменения существующего.

тестируйте бизнес-логику,

Как этому противоречат юнит тесты?