title: How to declare default props in react functional component
body: <p>I want to declare default props in a functional component </p>
  
  <p>normally we would do this</p>
  
  <pre class="lang-js prettyprint-override"><code>function Body() {
      static defaultProps = {
          counter: 0
      }
      return (
          &lt;div&gt;
              body
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>this obviously doesn't work</p>