zcash-grant-system/frontend/client/pages/proposal.tsx

import React, { Component } from 'react';
import Proposal from 'components/Proposal';
import { extractIdFromSlug } from 'utils/api';

import { withRouter, RouteComponentProps } from 'react-router';

type RouteProps = RouteComponentProps<any>;

class ProposalPage extends Component<RouteProps> {
  render() {
    const proposalId = extractIdFromSlug(this.props.match.params.id);
    return <Proposal proposalId={proposalId} />;
  }
}

export default withRouter(ProposalPage);