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

export default withRouter(
    class RoutePage extends PureComponent<
        RouteComponentProps<{ id: string }, {}, { extra: number }>
    > {
        render() {
            const { id } = this.props.match.params,
                { extra } = this.props.query;

            return (
                <ul>
                    <li>ID: {id}</li>
                    <li>extra: {extra}</li>
                </ul>
            );
        }
    }
);