RouteConfiguration.tsx

// Routing configuration
// All my imports

const defaultComponents = {
    footer: FooterSection,
    header: HeaderSection,
}

export default () => (
    <Route path='/'>
        <IndexRedirect to='conversations' />

        <Route component={CoreLayout}>
            <Route
                path='conversations'
                components={{
                    ...defaultComponents,
                    primary: ConversationsList,
                    placeholder: ConversationPlaceholder,
                }}
            />
            <Route
                path='conversations/:id'
                components={{
                    ...defaultComponents,
                    primary: ConversationsList,
                    secondary: Conversation,
                }}
            />
        </Route>

    <Route component={SingleSectionLayout}>
        <Route
            path='*'
            components={{...defaultComponents, content: NotFound}}
          />
        </Route>
    </Route>
)