Совместное использование состояния Redux между двумя компонентами без родительского компонента

Question

Я новичок в реакции с избыточностью и пытаюсь настроить компонент реакции на два разных элемента DOM.Я создал два компонента для двух разных элементов и хочу использовать одно и то же состояние между компонентами.После отправки из первого компонента второй компонент не визуализируется повторно.

export function eventRegisterDispatch(): redux.Dispatch<Array<EventRegisterModel>> {
    return _eventRegisterState.dispatch;
}

export function eventRegisterStore(): redux.Store<Array<EventRegisterModel>> {
    return _eventRegisterState;
}

var app = React.createElement(Provider, { store: appStore }, React.createElement(EventCourseContainer));
const eventMount = document.getElementById('multiple-location-app');
render(app, eventMount);

var buttonApp = React.createElement(Provider, { store: appStore }, React.createElement(RegisterButtonContainer));
const buttonAppMount = document.getElementById('multiple-location-button');
render(buttonApp, buttonAppMount);