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.
- How does useSelector hook impact performance when selecting individual properties vs. destructuring the state in Redux?
- Accessing a reducer state from within another reducer
- When should I use yield* vs yield in redux-saga?
- PIXI js text moving on redux state update
- How to reset the state of a Redux store?
- Argument of type 'SetCityAction' is not assignable to parameter of type 'UnknownAction'. in Redux React
- Testing custom hook: Invariant Violation: could not find react-redux context value; please ensure the component is wrapped in a <Provider>
- Redux state array won't restart to its initial values
- why do i get the Error Module not found: Can't resolve 'redux'
- TS2345: Argument of type 'AsyncThunkAction<void | AddItem, ItemInput, AsyncThunkConfig>' is not assignable to parameter of type 'AnyAction'
- How can I get a typesafe POJO of actions mapped to a string from a Slice (redux toolkit)
- Prevent Caching on a specific RTK Query Endpoint
- How can i add redux middleware dynamically?
- Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
- React-Typescript: Module '"react-router-dom"' has no exported member 'RouteComponentProps'
- Send function as parameter in rtk query
- Unexpected Application Error, in using Redux and React, array
- Material-UI: How to show search icon in input field in react?
- Cannot update a component while rendering a different component warning
- How to overcome the CORS issue in ReactJS
- React Redux: TypeError: prepareAction is not a function
- This expression is not callable Type 'String' has no call signatures
- How to access rtk query function globally
- Typescript module has no exported members - react
- How is my useDispatch hook set up incorrectly here?
- Is Redux the same for React and React native?
- How to listen for specific property changes in Redux store after an action is dispatched
- how do i get placeholder when i click on text box
- Updating my redux store with data from an Api on the click of a button
- Typescript complains Property does not exist on type 'JSX.IntrinsicElements' when using React.createClass?