Как передать состояние между маршрутами в NEXT JS?

У меня есть данные внутри объекта на моей странице. Я хочу перенаправить с этой страницы на другую страницу вместе с данными, подобными приведенному ниже коду

const redirectAppointmentStep1 = (value) => { router.push({ pathname: ‘/Appointment/bookingstep1’, query: {value : value}, }) }

и я получил эти данные на bookingstep1 странице вот так

const {query} = useRouter()

но проблема в том, что запрос отображается на URL-адресе, а URL-адрес не выглядит чистым. Как я могу отправить данные с одной страницы на другую, но не отображать их в URL-адресе?

Я новичок в Next.js, поэтому я буду очень благодарен за любую помощь.

Источник: ledsshop.ru