Как сделать ссылки на разные элементы модуля (Webpack, react-router)?

Question

[Ninja Mate]

Приложение на ReactJS, собираю Webpack. Сейчас разделенный на chunks проект в котором каждый кусок имеет свой файл и свою ссылку в браузере.
Хочу разделить один из модулей, что бы ссылка имела вид site/module/name. Другими словами, модуль один, а на его части ведут разные ссылки.
Сейчас

//reports/index.js
module.exports = function(location, cb) {
    if (typeof require.ensure == 'function') {
        /* Asynchronous loading of a component
        that is inside of require.ensure */
        require.ensure([], (require) => {
            cb(null, require('./Reports'))
        }, 'reports')
    } else {
        /* Server side synchronous loading */
        cb(null, require('./Reports'));
    }
}

//react-router
<Route  path="Reports" getComponent={
                                        (location,cb)=>require('./Reports/index')(location,cb)
                                        }> </Route>

//Reports.js сюда индекс отправляет, просто три кнопки, которые должны стать ссылками в браузере
<Button onClick={()=>this.searchENGReport()} block>ENGReport</Button>
<Button onClick={()=>this.searchNPSReport()} block>NPSReport</Button>
<Button onClick={()=>this.searchPSReport()} block>PSReport</Button>

Как такое переделать?