javascript - NextJS: Do I need to use getInitialProps with next-redux-wrapper to share state to all pages?

Question

I'm using next-redux-wrapper and dispatching actions from getServerSideProps from individual pages. But I realized that I can't access the populated store state from another page. If I try to, in either client-side or server-side, the state returns empty in the other pages.

So, I heard that using getInitialProps is required to share state among all pages. Since I'm getting confused with all these I want to have some doubts cleared. I want to know:

1. When is it necessary, if at all, to use getInitialProps in the _app.js file when using redux with next-redux-wrapper? I heard that need to use getInitialProps inside _app.js in order to make the state accessible to every pages. But it's not working for me. Maybe due to wrong implementation!

2. If I use getInitialProps in _app.js then, is it not required to use getServerSideProps or getStaticProps in individual pages?

3. After populating state with getServerSideProps, can I share the state to every page without using getInitialProps in _app.js or if nneded can I pass the fetched state to getInitialProps in _app.js?

question from:https://stackoverflow.com/questions/65868425/nextjs-do-i-need-to-use-getinitialprops-with-next-redux-wrapper-to-share-state

Answer 1

Waitting for answers