import {

  HashRouter,

  Switch,

  Route

} from 'react-router-dom'

function App () {

  return (

   <HashRouter>

     <Switch>

       <Route

         path="/"

         component={Homepage}

         exact />

       <Route

         path="/users"

         component={Users} />

     </Switch>

   </HashRouter>

  )

}

​

function Homepage ({ history }) {

  const handleManualRedirect = () => {

    history.push('users?name=princess&email=castle@kingdom.far')

  }

  const handleSearchParamsRedirect = () => {

    const searchParams = new URLSearchParams()

    searchParams.set('name', 'princess')

    searchParams.set('email', 'castle@kingdom.far')

    // search params will escape the @ character for us

    history.push('users?' + searchParams.toString())

  }

  return (

    <React.Fragment>

      <button onClick={handleManualRedirect}>