title: React error - expected semicolon after render method?
body: <p>I'm trying to build a basic chat room app, and I'm having trouble understanding why my app component doesn't render. I expect this is probably a really basic issue, but I'm new to coding (and Stack Overflow) in general so it's escaping me. </p>
  
  <p>I've got the component set up similarly to one I already built that worked fine, but when I try to run, I get an error saying that a semicolon is expected in place of the curly brace right after I call the render method.</p>
  
  <p>I found another answer saying that this usually indicates invalid JSX syntax within the component, but I've rearranged it every way I can think of. I tried just putting the semicolon there as a Hail Mary, but that predictably just caused more errors.</p>
  
  <pre><code>import React, {Component} from 'react';
  import RoomList from './components/RoomList'
  import MessageList from './components/MessageList'
  import './App.css';
  import * as firebase from 'firebase';
  
  // &lt;script src="https://www.gstatic.com/firebasejs/6.1.1/firebase-app.js"&gt;&lt;/script&gt;
  
    // Your web app's Firebase configuration
    var firebaseConfig = {
      apiKey: "AIzaSyA9oZW7yL_BgNtkODEkOftd8SztNDm6aLw",
      authDomain: "bloc-chat-e5e85.firebaseapp.com",
      databaseURL: "https://bloc-chat-e5e85.firebaseio.com",
      projectId: "bloc-chat-e5e85",
      storageBucket: "bloc-chat-e5e85.appspot.com",
      messagingSenderId: "716557708964",
      appId: "1:716557708964:web:69e9e607313399b0"
    };
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig);
  
  
  
    class App extends Component {
      constructor(props) {
        super(props);
        this.state = {
          activeRoom: null
        }
  
      render() {
        return (
          &lt;div className="App"&gt;
           &lt;header className="App-header"&gt;
           &lt;RoomList firebase={firebase}&gt;
           &lt;/RoomList&gt;
           &lt;/header&gt;
         &lt;/div&gt;
    );
   }
  }
  
  export default App;
  </code></pre>
  
  <p>This should display a list of available chat rooms and an input field for adding more, but the error message is as follows:</p>
  
  <pre><code>  Line 32:  Parsing error: Unexpected token, expected ";"
  
    30 |       }
    31 | 
  &gt; 32 |     render() {
       |              ^
  </code></pre>