He creado un hoc que parece
const withStore = Component => { const storeWrapper = props => ( <ReduxProvider store={store}> <Component {...props } /> </ReduxProvider> ); return storeWrapper; };Ahora todos mis componentes separados están envueltos por esto (su aplicación de varias páginas) para que puedan conectarse a la misma tienda, pero ese no es el caso, un componente se está conectando, cambiando con los cambios entrantes en los accesorios. Pero otros componentes están totalmente desconectados y no muestran ningún cambio con los datos que se cambian en la tienda.
¿Alguien ha probado este enfoque antes?
Un ejemplo: si tengo el componente A y el componente B, envueltos con este hoc. Cualquier cambio en la tienda desde el envío del componente A se refleja en el componente A. Lo mismo para el componente B. El problema principal es cuando el envío es del componente A y no se lee del componente B. viceversa
Como se menciona en el comentario de @orel, lo resolví almacenando la tienda en la variable global.
En el archivo store.js, para mantener una sola instancia en todas partes, agregué una condición
if (!window.store) { window.store = store; }¡¡Funciona a las mil maravillas ahora!!