Modal.jsx

import ReactDOM from 'react-dom';
import React, { useState} from "react";
import { useNavigate } from 'react-router-dom';
import Button from "./Button";

const Modal = ({ show, content, onCloseButtonClick, subUrl}) => {
  //let history = useHistory();
  const navigate = useNavigate();

  if (!show) {
    window.history.replaceState(null, "", "/"); 
    return null;
  } else {
      window.history.replaceState(null, "", "/" + subUrl);
  }
    return ReactDOM.createPortal(
    <div className="modal-wrapper">
      <div className="modal">
        <div className="body">
          {content}
          <br /><br /><br />
        </div>
        <div className="footer">
          <button onClick={onCloseButtonClick}>닫기</button>
        </div>
      </div>
    </div>
    , document.body
  );
};

export default Modal;