It demo the process how slack uses url to open hide their sidebar

dynamicCompononetLoadUsingUrls.js

import React from 'react'
import { Route, Switch } from 'react-router';
import Dialog from '@material-ui/core/Dialog'


const ABC = ({ match, history, ...rest }) => {
    return (
        <div>
            <h1
                onClick={() => history.push(`${match.url}/2`)}
            >
                Click me
                </h1>
            <Switch>
                <Route
                    path={`${match.url}/2`}
                    component={
                        () => <Dialog onClick={() => history.push(`${match.url}`)} open={true}/>
                    }
                />
            </Switch>
        </div>
    )
}
export default ABC;