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

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

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

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

 const {query} = useRouter()

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

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