Создал простой компонент toast в react , но как быть с его размещением не в внутреннем div'e (margin слева-справа 10 rem),
а снаружи объекта document или window,
для этого в библиотеках используется доступ к ref или portal?, или для этого используют useContext?
Где в данном случае располагать сам компонент toast, в app.js без использования маршрутизации,
будет ли это допустимым.
В основном - размещают так высоко, как имеем смысл. Например, у Вас может быть основной шаблон и шаблон страницы 404. В основной шаблон включают рядом с маршрутизатором, в 404 не включают потому что там этот компонент не нужен и зачем его вообще грузить.
Сами элементы пропихивают через стор, например.