리액트 라우터가 /accounts 에서 동작을안합니다

/accounts 페이지는 내용이 나오는데

accounts route가 동작을 하지않는거같습니다

오류는 하나도안뜨고 최상단페이지만 뜨고있는데 해결방법이 궁금합니다

import React from "react";
import { Route } from "react-router-dom";
import Profile from "./Profile";
import Login from "./Login";
import Signup from "./Signup";

function Routes({ match }) {
  return (
    <>
      {match.url}
     
      <Route exact path={match.url + "accounts/profile"} component={Profile} />
      <Route exact path={match.url + "/login"} component={Login} />
      <Route exact path={match.url + '/signup'} component={Signup} />
    </>
  );
}
export default Routes;