استفاده از یک state در دو کامپوننت در mpa

سلام دوستان
در پروژه لاراولی از ریکت استفاده کردم
که یک state وجود دارد که در دو کامپوننت کاملا جدا استفاده شده که برای هر کدام provider قرار داده شده و به state ارتباط دارد

کامپوننت اول:

class Index extends PureComponent
{
    render()
    {
        //
    }
}

export default Index

const store = createStore(reducers)

if (document.getElementById("cartReact"))
    ReactDOM.render(<Provider store={store}><Index /></Provider>, document.getElementById("cartReact"))

کامپوننت دوم

export default class Index extends PureComponent
{
    render()
    {
        //
    }
}

const store = createStore(reducers)

if (document.getElementById("userFiles"))
    ReactDOM.render(<Provider store={store}><Index /></Provider>, document.getElementById("userFiles"))

حالا میخوام هر اتفاقی که در کامپوننت اولی رخ داد تغییرات در کامپوننت دومی اعمال شود