Как правильно подтягивать данные и хранить их при переходе на страницу товара?

Подскажите как правильно сделать.
Есть страницы с информацией о товаре:
pages/goods/[id].tsx

при переходе на страницу, достаю id товара из router.query.id и делаю запрос внутри useEffect и сохраняю в state компонента. Правильно ли я делаю или лучше как-то иначе?
Мне ещё во внутренние компоненты нужно прокидывать state.
Может для этого лучше использовать redux?