Posting data to server led to component re-render

[musta20]

I have been stuck on this problem for 6 hour finally able to solve it i thought i share it with the community

So i have parent component A and child component B when i post data to database will led to the parent component A to render and lead to child component to re-render and lose all the data

So this a key point to consider

1- Swr is sync with db when change made to the db the swr will reload data

2- Swr is sharing data across the app using appcontext

So iam fetching the same url ex {url:/orders} in parent component and child component (my bad)

So when i post data to server the swr will notice and reload the new data and because the data is shared across the app every component fetching the same data will rerender do to state change