Как в next js работать с пропсами и стейтами правильно?

Question

[k3499]

Делал реакт проекты. Решил посмотреть next js. Не очень понял как лучше реализовывать передачу пропсов. Например надо сделать попап окно, которое расположено одном компоненте и начинает показываться по клику по кнопке в другом компоненте. В реакте я бы сделал в корневом файле функцию, которая меняла бы useState со статусом окно. Эта функция пробрасывается в нужный компонент с кнопкой и все. В компоненте с попапом смотрим статус стейта и показываем окно. А как это сделать в next с учетом его рендеринга. Нужно это делать в _app.js через getInitialProps. В официальной документации этот момент не уловил.

App.getInitialProps = async function () {
}