просто если завернуть в любой другой тег, то браузер сразу скидывает в body потмоу что видит, что например дивак не может быть в хеде, но с html почему-то делает вот так. Никогда такого не видел

У меня был кейс - модал от действий в котором меняется страничка под ним

Всем привет!  Подскажите пожалуйста, как правильно сделать виджет на React. Как его вставить на сайт, чтобы он работал автономно. У него есть свой роутинг, состояние и другое. Я думал как-то через iframe подключать, но в таком случае не могу сделать чтобы размеры окна фрейма подстраивались под размеры виджета. Если просто делать ReactDOM.render() в ноду на сайте, то в таком случае роутинги сайта и роутинги виджета работают не правильно.
Примерно должно быть похоже как на этом сайте (кнопка справа внизу)
https://www.intercom.com/
Спасибо!

Модалка по дереву Dom может быть выше провайдеров стейта

<div id="root"></div>
<div id="modal-host"></div>
Ты не сможешь поднять провайдер выше точки посадки реактового дерева

Всем привет)
У меня есть компонент Finances в котором я делаю submit  при  onClick и в этой же компоненте я вызываю ее функцию this.onSave()
Теперь мне нужно переиспользовать компонент Finances в другом компоненте Profile
Проблема заключается в том что в компоненте Profile => Finances отрисовывается без кнопки (так задумано по дизайну)
И мне нужно вызвать ф-цию onSave() которая в Finances через родительскую компоненту Profile

да

Да, и компонент в дереве я сажаю вне дерева с помощью порталов

На сколько правильная запись TS?

widget: IWidget | {};

при попытке сделать так widget  подсвечивает Property 'title' does not exist on type '{} | IWidget'.

Как правильно сделать запись в TS пустого обьекта ?

Такой вариант widget: <IWidget>{}; уже не работает.

С помощью какого метода ты мне предлагаешь посадить компонент таким образом?

А ну так ты согласен что это делается порталами?

Попробуй type guard
А по тс есть чат отдельный. Дай людям про порталы поспорить

Всем привет, как решить проблему при билде:

Please check your GenerateSW plugin configuration:
navigateFallbackBlacklist has been renamed navigateFallbackDenylist.

translate.google.com и перевести на русский язык строку.

Please check your GenerateSW plugin configuration:
navigateFallbackBlacklist has been renamed navigateFallbackDenylist.

BLM 😁

Есть ли варианты как пофиксить, кроме исключения для линтера?

Please check your GenerateSW plugin configuration:
navigateFallbackBlacklist has been renamed navigateFallbackDenylist.

или вставить просто в гугл)

useCallback юзай

добавить dispatch в deps

Добавить в список зависимостей dispatch