adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

React에서 다른 컴포넌트를 App.js에서 불러오는 과정에서 에러가 발생했다.

	import './App.css';
	import MyHeader from './MyHeader';

    function App() {
      return (
        <MyHeader/>
        <div className="App">
          <h1>하핫 함께하는 React 공부</h1>
        </div>
      );
    }

    export default App;

그래서 이부분을 로 바꿔보기도 하고 별의별을 다해봤지만,,,
문제는 return은 하나의 태그만 받아들인다는 것이었다.

해결법

	...
      return (
        <div className="App">
          <MyHeader/>
          <h1>하핫 함께하는 React 공부</h1>
        </div>
      );
    }

    export default App;