В проекте на next.js шапка и подвал на всех страницах одинаковые и помещены в _app.tsx в виде компонента Layout, который в качестве ребёнка принимает Component страницы. Т.е. при переходе по страницам шапка и подвал не меняются. Это очень удобно. Но возникла проблема.
Если в шапке открыть например popup, то при переходе на следующую страницу он по логике должне закрыться, но он не закроется т.к. это SPA шапка и подвал заданы единой обёрткой для страниц и не перерисовываютя при переходе между страницами.
Подскажите есть ли в next.js какие нибудь готовые решения для данной проблемы?
Можно ли как то может вручную добавить обработчик на переход между страницами и в нём в шапке и подвале закрывать открывшиеся из них окна и выпадающие меню?