title: Getting: error TS1128: Declaration or statement expected. In ReactJS & TypeScript app
body: <p>Here is my current code for the new component I created which is causing this error to be throw.</p>
  <blockquote>
  <p>Failed to compile.</p>
  <p>./src/components/Hello.tsx
  (5,1): error TS1128: Declaration or statement expected.</p>
  </blockquote>
  <p>I've checked other answers and haven't found the actual issue yet.</p>
  <pre><code>// src/components/Hello.tsx
  
  import * as React from 'react';
  
  export Interface Props {
    name: string;
    enthusiasmLevel?: number;
  }
  
  function Hello({ name, enthusiasmLevel = 1 }: Props) {
    if (enthusiasmLevel &lt;= 0) {
      throw new Error('You could be a little more enthusiastic. :D');
    }
  
    return (
      &lt;div className=&quot;hello&quot;&gt;
        &lt;div className=&quot;greeting&quot;&gt;
          Hello {name + getExclamationMarks(enthusiasmLevel)}
        &lt;/div&gt;
      &lt;/div&gt;
    );
  }
  
  export default Hello;
  
  // helpers
  
  function getExclamationMarks(numChars: number) {
    return Array(numChars + 1).join('!');
  }
  </code></pre>