title: Eslint: Problem with default props in functional component (Typescript - React)
body: <h2>What I have</h2>
  <pre class="lang-js prettyprint-override"><code>import { NextPage } from 'next';
  import React from 'react';
  
  interface Props {
    name: string;
    gretting?: string; // Error: ESLint: propType &quot;gretting&quot; is not required, but has no corresponding defaultProps declaration.(react/require-default-props) 
  }
  
  const Hello: React.FunctionComponent&lt;Props&gt; = ({ name, gretting = 'night' }: Props) =&gt;
    &lt;p&gt;Hi {name} Good {gretting}&lt;/p&gt;;
  
  const Home: NextPage = () =&gt; &lt;Hello name=&quot;Jhon Doe&quot; /&gt;;
  
  export default Home;
  </code></pre>
  <h2>Problem</h2>
  <p>Eslint react plugin complain with this error <code>ESLint: propType &quot;gretting&quot; is not required, but has no corresponding defaultProps declaration.(react/require-default-props)</code>.</p>
  <p>According with this <a href="https://stackoverflow.com/a/37282264/8582246">answer</a> the approach used to <code>defaultProps</code> with default parameters values its fine so what is the best way to solve this issue? Use <code>Hello.defaultProps = {}</code> or turn off the rule <code>react/require-default-props</code>? there is a better approach?.</p>