Estoy tratando de:

1. obtener encabezados del lado del servidor (req.headers.x-my-custom-header)
2. getInitialProps (_document) envía x-my-custom-header a la tienda (lado del servidor) <- PROBLEMA
3. rehidratar x-my-custom-header al cliente

_documento.tsx:

 MyDocument.getInitialProps = async (context: DocumentContext) => { const initialProps = await Document.getInitialProps(context); const isServer = context.req; if (isServer) { // const site = context.req?.headers['x-site'] store.dispatch(setSite('foo')); // <- setting state to 'foo' } const initialState = store.getState(); console.log('initialState', initialState); // <- has 'bar' in it return { ...initialProps, initialState, }; };

mi rebanada

 import { createSlice, Slice } from '@reduxjs/toolkit'; export const name = 'settings'; export enum Sites { foo = 'foo', bar = 'bar', } export type SettingsState = { site: Sites; }; const initialState: SettingsState = { site: Sites.bar, }; const slice: Slice<SettingsState> = createSlice({ name, initialState, reducers: { setSite(state, action: { type: string; payload: Sites }) { state.settings.site = action.payload; }, }, }); export const { setSite } = slice.actions; export default slice.reducer;

¿Alguna idea de cuál podría ser el problema aquí?