No puedo pasar accesorios usando react-router. Mi código hasta ahora:

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import 'normalize.css/normalize.css';
import './styles/styles.scss';

const EditExpensePage = props => {
  console.log(props);

  return <div>Editing the expense with id of </div>;
};

const AppRouter = () => {
  return (
    <BrowserRouter>
      <div>
        <Switch>
          <Route path="/edit/:id" component={EditExpensePage} />
        </Switch>
      </div>
    </BrowserRouter>
  );
};

ReactDOM.render(<AppRouter />, document.getElementById('appDiv'));

aptura de pantalla de @Error

Estoy intentando acceder a lacarné de identida en una consola tan simple como eso.

El error se muestra solo cuando intento pasar accesorios

path="/edit/:id"

Enlace de origen:https: //reacttraining.com/react-router/web/api/Route/route-prop