title: TypeScript error Parameter 'props' implicitly has an 'any' type
body: <p>I am testing out how to use Context in React but for some reason I cant run the app due the typescript error I get! </p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>import React from 'react';
  import './App.css';
  
  
  class App extends React.Component {
      render() {
        return &lt;Toolbar theme="dark" /&gt;;
      }
    }
  
    function Toolbar(props) {
      // The Toolbar component must take an extra "theme" prop
      // and pass it to the ThemedButton. This can become painful
      // if every single button in the app needs to know the theme
      // because it would have to be passed through all components.
      return (
        &lt;div&gt;
          &lt;ThemedButton theme={props.theme} /&gt;
        &lt;/div&gt;
      );
    }
  
    class ThemedButton extends React.Component {
      render() {
        return &lt;button className={'btn btn-' + this.props.theme}&gt;&lt;/button&gt;;
      }
    }
  
  export default App;
  </code></pre>
  
  <p><strong>Error I get:</strong> </p>
  
  <pre><code>C:/Users/as/Desktop/React - Mobx -Hooks/react-hooks-mobx/src/App.tsx
  TypeScript error in C:/Users/iluli/Desktop/React - Mobx -Hooks/react-hooks-mobx/src/App.tsx(11,20):
  Parameter 'props' implicitly has an 'any' type.  TS7006
  
       9 |   }
      10 |   
    &gt; 11 |   function Toolbar(props) {
  </code></pre>
  
  <p>Any idea how to fix this and explain the reason why it throws that error?</p>