Routing Modal di React js

Permisi kawan, disini ada yang tau caranya routing modal di react js?

saya kesulitan karena harus membuat route ke modal dengan tetap mempertahankan tampilan backgroundnya yaitu rootnya atau biasanya "/"

kode saya saat ini

import React, { useState } from "react";
import {
  Route,
  Switch,
  Redirect,
  useHistory,
  useLocation,
} from "react-router-dom";
import { ModalContainer, ModalRoute } from "react-router-modal";

// page
import Home from "./Page/Home";
import DialogEditUsers from "./Page/Component/DialogEditUsers";

function App() {
  let location = useLocation();
  let background = location.state && location.state.background;

  return (
    <div className="container">
      <Switch location={background || location}>
        <Route exact path="/" component={Home} />
        <ModalRoute
          path="/user/:id"
          parentPath="/"
          component={DialogEditUsers}
        />
        <Route>not found</Route>
      </Switch>
      <ModalContainer />
      {/* <Route path="/" children={DialogEditUsers} /> */}
    </div>
  );
}

export default App;