React Router

import { RouteComponentProps, withRouter } from 'react-router';
type SomeComponentProps = RouteComponentProps;
const SomeComponent: React.FC<SomeComponentProps> = ({ history }) => {
  const goHome = () => history.push('/home');
  return <button onClick={goHome}>Go Home</button>;
};
export default withRouter(SomeComponent);

// Router.tsx
import { BrowserRouter, Route } from 'react-router-dom';
const Router = () => {
  return (
    <BrowserRouter>
      <Route exact path="/books/:id" component={Books} />
    </BrowserRouter>
  );
};
// BookDetail.tsx
import { RouteComponentProps, withRouter } from 'react-router';
type BookDetailParams = {
  id: string; // parameters will always be a string (even if they are numerical)
};
type BookDetailProps = RouteComponentProps<BookDetailParams>;
const BookDetail: React.FC<> = ({ match }) => {
  return <div>Book ID: {match.params.id}</div>;
};
export default withRouter(BookDetail);