리액트 return 으로 html 전달이 안 되어요

안녕하세요 강사님 ! 강의 틈틈히 잘 보고 있습니다.

다름 아니라 react router dom 수업 진행 중 react 사이트에서 긁어온 router dom 을 실행하는 부분에서 안 되는데요ㅠㅠ..

return 안의 html 태그 전달에서 오류가 납니다...

SyntaxError: Unexpected token '<'

    at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)

    at async link (internal/modules/esm/module_job.js:47:21)

라는 에러가 나는데

구글링 하며 이것저것 시도해보는데도 여전히 이 부분만 막혀서요... 오류는 아래와 같이 뜹니다..ㅠㅠ

import React from "react";

function App() {
<div>test</div>
}

export default App;