App.js

import React from 'react';
import { BrowserRouter as Router, Link } from 'react-router-dom';

import Routes from './Routes';

/**
 * Turns URL path into router basename by removing everything after the last slash
 * @param {string} path URL path, probably window.location.pathname
 * @returns {string} final basename
 */
const getBasename = path => path.substr(0, path.lastIndexOf('/'));

/**
 * Base Template component holding the basic web application
 * @returns {JSX}
 */
const App = () => (
    <Router basename={getBasename(window.location.pathname)}>
        <main>
            <Routes />
        </main>
    </Router>
);

export default App;