title: Binding element 'rulesData' implicitly has an 'any' type
body: <p>I got these 2 errors:
  <strong>Binding element 'rulesData' implicitly has an 'any' type.
  Type 'unknown' is not assignable to type 'ReactNode'.</strong></p>
  <p>My rule component</p>
  <pre><code>import React from 'react'
  
  export default function Rules({rulesData}) {
      
    return (
      &lt;div className='container'&gt;
          {Object.entries(rulesData).map((rule) =&gt; (
              &lt;div key={rule[0]} className='row '&gt;
                  &lt;div className='col-md-3'&gt;&lt;h6&gt;{rule[0]}&lt;/h6&gt;&lt;/div&gt;
                  &lt;div className='col-md-7'&gt;{rule[1]}&lt;/div&gt;
                  &lt;div className='col-md-2'style={{textAlign: 'center', verticalAlign:'middle'}}&gt;&lt;button type=&quot;button&quot; className=&quot;btn btn-danger&quot;&gt;Delete&lt;/button&gt;&lt;/div&gt;
              &lt;/div&gt;
          ))}
      &lt;/div&gt;
    )
  }
  </code></pre>
  <p>My parent component</p>
  <pre><code>export class rulesEditorTemplate extends Component&lt;{}, RulesState&gt;{
  
      state: RulesState =  {
          rules: [],
          isLoading: true
      }
  
      async componentDidMount() {
          const url = &quot;...&quot;;
          const response = await fetch(url);
          const data = await response.json();
          this.setState({ rules: data, isLoading: false})
  
      }
  render() {
  return (
   &lt;Rules rulesData={this.state.rules}/&gt;
  )
  }
  }
  
  </code></pre>