Props to child component don't update on revalidate #50873
Labels
area: app
App directory (appDir: true)
bug
Issue was opened via the bug report template.
locked
Pages Router
Related to Pages Router.
Verify canary release
Provide environment information
Which area(s) of Next.js are affected? (leave empty if unsure)
App directory (appDir: true), Data fetching (gS(S)P, getInitialProps)
Link to the code that reproduces this issue or a replay of the bug
https://app.replay.io/recording/ticker-dashboard--ba167277-e90b-492e-8a23-91c4c619a264
To Reproduce
You get data in a server component.
You display the data in the server component
You pass the data to a client component through a prop, which is displayed in client component
You make change to data
You revalidate with revalidatePath or router.refresh()
You observe data was only updated when rendered in server component.
Describe the Bug
Revalidating the data causes a re-render of server component. However, props passed to client component are not apart of this re-render.
Expected Behavior
The props to be accurate in the child component.
Which browser are you using? (if relevant)
No response
How are you deploying your application? (if relevant)
No response
The text was updated successfully, but these errors were encountered: