如何嵌套常见的react-redux组件？

Question

我开发了一个名为TimerDialog的常见react-redux组件，并将其嵌入到现有的反应应用程序中。现有应用程序的配置如下：

const app = (
    <div>
        <Provider store={store}>
            <IntlProvider>
                <Router history={history}>
                    <Route path="/" component={Dashboard} />
                </Router>
            </IntlProvider>
        </Provider>
    </div>
);
const target = document.getElementById('app');
render(app, target);

我的常用组件TimerDialog已作为node_module内置到现有应用程序中。我打算在提供商内部添加它，因为它也使用商店。

<Provider store={store}>
            <IntlProvider>
                <Router history={history}>
                    <TimerDialog />   <------- The common component
                    <Route path="/" component={Dashboard} />
                </Router>
            </IntlProvider>
        </Provider>

但是，这种配置不会产生任何影响。我不想在任何现有组件中编写TimerDialog，因为它被设计为共享组件。 有没有办法在应用程序中配置它？