Компонент из микрофронтенда падает с ошибкой Invalid hook call в хост-приложении
Хост-приложение подключает через Module Federation виджет рекомендаций другой команды. Каждое приложение в своей сборке указывает React зависимостью, shared в конфигурации federation не настроен. Отдельно виджет работает, внутри хоста — падает с Invalid hook call, а бандл страницы вырос на 140 КБ.
В чём причина и что исправить?
- На странице две копии React; объявить react и react-dom общими singleton-зависимостями
- Виджет использует хуки вне компонента — ошибка в его коде
- Module Federation не поддерживает хуки, виджет надо переписать на классы
- Нужно обновить React в хосте до версии виджета, и ошибка исчезнет