Рендеринг модала как маршрута в реакции-роутере

Question

Я следовал этому уроку здесь , и это сработало, я мог отобразить React Modal как маршрут, но всякий раз, когда я нажимаю на него, он переносит меня на другую страницу, где содержимое страницы, по которой я щелкнул,не показаны, как в примере.

в учебном пособии, они используют тот же код, и он показывает содержимое предыдущей страницы в конце.

ссылка на маршрут:

<Link
  className='signup'
  to={{
    pathname: "/signup",
    state: { modal: true }
  }}
>
  Signup
</Link>

компонент:

  render() {
    const { state = {} } = this.props.location;
    const { modal } = state;
    const { errors } = this.state;

    const content = (Basic Form Inputs);

    if (modal) {
      return <Modal isOpen={true}>{content}</Modal>;
    } else {
      return <div className='main-content'>{content}</div>;
    }
  }