pageProps vs props in nextjs
I looked at what nextjs returns when navigating the page and noticed that the state of hydration is duplicated on the page and transmitted in two different properties of the object:
I do not understand whether this is the norm of logic or whether it is not a duplication of logic.
I use next-i18next for multilingualism and next-redux-wrapper for hydration of redux storage on the server, and this is exactly the state it creates and is located in these two properties.
Therefore, when I noticed this, I wondered if this was normal logic, since my storage is not so small, and I would not like any extra operations when working on the server.
If you need more information, write in the comments.
It looks like the two set of props- pageProps and props are related to the loading of the Custom App component and the page component respectively. You can read about Custom App component here
And as the doc states.
pageProps is an object with the initial props that were preloaded for your page by one of our data fetching methods, otherwise it's an empty object.
- Why use react.useContext if you are using redux? What are the technical differences?
- Selectively disable "Try it out" in swaggerUI
- Why won't the action value set in the state?
- Handling errors with redux-toolkit
- Error with Redux Toolkit createSlice function in React Native (EXPO)
- Rendering of component on unused prop updation
- React component not updated with new Redux state
- How can I fix `Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code.`?
- Is it safe to have multiple references to the same object within a redux store?
- React + Redux dispatching 3 times an action at render of App.js
- Typescript complains Property does not exist on type 'JSX.IntrinsicElements' when using React.createClass?
- Accessing state in middleware in Redux
- Middleware for RTK-Query API at reducerPath "cryptoApi" has not been added to the store
- Failed prop type: Invalid prop `onClick` of type `object` supplied to `Button`, expected `function`
- Issue with Dispatching Redux Actions in React Component
- React Enzyme Props Not Set on Mount
- Next.js with next-redux-wrapper state is being reset to initial value when navigating using Link
- Reactotron setup using redux, store undefined
- React using createSelector with dynamic arguments
- React component will not update when using redux and createSelector, not detecting UI changes
- Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
- Why is there less need to normalize state with RTK Query?
- React Beautiful DnD: Unable to Drop Songs into Folders After Fetching Data
- While debugging, can I have access to the Redux store from the browser console?
- Next.js Redux with redux-persist hydration error
- React-Redux: Actions must be plain objects. Use custom middleware for async actions
- Inertiajs onFinish not working in redux toolkit reducer
- Bind react component to part of redux state
- What is difference between useQuery and initiate in RTK query?
- React redux update a list of objects nested objects