Здравствуйте.


не так давно начал изучать React.
за основу взял coreui и пример из него.

Затык возник с тостами.
Есть компонент. в нем идет загрузка данных с сервера. В функции useEffect.
Хотел торнуть тост если вдруг ошибка.
Сделал через контекст. А "пользователь" этого контекста - каркас сайта. Через Provider. Там, где футеры, хеадеры и тд.

вставил компонент тоста под последним div-ом.

Собственно все ок. ошибка при загрузке, формируется массив описания тоста и кидается в контекст.
А далее отрисовывает опять каркас сайта, показывается тост и перерисовывается компонент, который тост показал. А там useEffect и все пошло по кругу.

Как победить )

Собственно что надо. чтобы в любом компоненте можно было дернуть данные с сервера и в случае ошибки кинуть пользователю тост