라우트 호출 원리가 궁금합니다.

<Route exact path="/" element={<Home />} />

위 방식으로 제가 작성하여

function Home() { 
 console.log('>>>>> home');
  return (
    <div>
      <h2>Home</h2>
    </div>
  );
}

아래처럼 로그를 주었는데 개발자도구에서 확인 시 로그가 두번씩 호출이 됩니다. 어떻게 두번이 호출 되는지와 exact 속성의 역할

element={<Home />}와 element={Home()}의 차이점이 궁금합니다.