Data not updating on router actions

Unanswered

Audubon's Oriole posted this in #help-forum

Open in Discord

Audubon's OrioleOP

2024-01-07T16:12:17.000Z

I have list of stocks on homepage. When I click on any stocks its taking user's to its details page. Details page data are dynamic and changes every seconds. Problem is when i redirect to stock details page its showing me stale data rather than showing me fresh when as I have used export const dynamic = 'force-dynamic'
#next14 #nextjs-showcase #next/navigation

7 Replies

Audubon's OrioleOP

2024-01-07T16:13:14.000Z

@Ray please suggest solution

@Audubon's Oriole I have list of stocks on homepage. When I click on any stocks its taking user's to its details page. Details page data are dynamic and changes every seconds. Problem is when i redirect to stock details page its showing me stale data rather than showing me fresh when as I have used export const dynamic = 'force-dynamic' #next14 <#1159349244256342027> #next/navigation

2024-01-07T16:29:46.000Z

yes I think you hit the router cache

@Audubon's Oriole <@743561772069421169> please suggest solution

2024-01-07T16:31:16.000Z

1. use client side fetching
2. create a client component and call router.refresh() inside a useEffect when mount

Audubon's OrioleOP

2024-01-07T16:32:06.000Z

okay let me try this

will it update data on browser navigations?

2024-01-07T16:34:09.000Z

but keep in mind router.refresh() will refetch all data for the page

Audubon's OrioleOP

2024-01-07T16:34:31.000Z

yepp noted!!