title: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: /home/thibaut/fastmeet/src/components/Header.js: Adjacent
body: <p>I need help. I don't find the response to resolve this problem on StackOverflow so I post my question.
  I got this error:
  Module build failed (from ./node_modules/babel-loader/lib/index.js):
  SyntaxError: /home/thibaut/fastmeet/src/components/Header.js: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment &lt;&gt;...&lt;/&gt;? (18:7)</p>
  <p>I am trying to put Login in Header.js</p>
  <p>Header.js</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from 'react'
  import './Header.css'
  import { Navbar, NavDropdown, Nav, OverlayTrigger, Tooltip, NavbarBrand } from 'react-bootstrap';
  import Events from "react-bootstrap/Button";
  // import Login from "react-bootstrap/Button";
  // import { NavLink } from 'react-router-dom';
  import Login from './components/Login';
  
  
  class Header extends Component{
  
  
    render (){
  
      return (
        
            &lt;h1&gt;La boîte à recettes de &lt;/h1&gt;
         &lt;div className&gt;
           &lt;Login/&gt;
  
         &lt;/div&gt;
      );
  
    }
  }
  
  
  
  export default Header;</code></pre>
  </div>
  </div>
  </p>
  <p>App.js</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import logo from './logo.svg';
  import './App.css';
  import React, { Component } from 'react'
  import Header from './components/Header';
  
  
  // import Login from './components/Login'
  
  class App extends Component {
  //   state = {
  //     pseudo: this.props.match.params.pseudo
  //   }
  
  
  render () {
      return (
        &lt;div className="box"&gt;
          
  
        &lt;Header&gt;&lt;/Header&gt;
        
      
         
       
        &lt;/div&gt;
      )
    }
  
  }
  
  export default App;</code></pre>
  </div>
  </div>
  </p>