title: Getting type error of Binding element children implicitly of any
body: <p>I am converting a jsx code to typescript in which i have faced an error like below</p>
  
  <p>Binding element 'children' implicitly has an any type</p>
  
  <p>My Code in jsx is as below</p>
  
  <pre><code>const GoogleMap = ({ children, ...props }) =&gt; (
    &lt;div style={{ height: '80vh', width: '100%' }}&gt;
      &lt;GoogleMapReact
        bootstrapURLKeys={{
          key: environment.googleApiKey,
        }}
        {...props}
      &gt;
        {children}
      &lt;/GoogleMapReact&gt;
    &lt;/div&gt;
  );
  
  GoogleMap.propTypes = {
    children: PropTypes.oneOfType([
      PropTypes.node,
      PropTypes.arrayOf(PropTypes.node),
    ]),
  };
  
  GoogleMap.defaultProps = {
    children: null,
  };
  
  export default GoogleMap;
  </code></pre>
  
  <p>The above code which is now converted to typescript as below</p>
  
  <pre><code>const GoogleMap = ({ children, ...props }) =&gt; (
    &lt;div style={{ height: '80vh', width: '100%' }}&gt;
      &lt;GoogleMapReact
        bootstrapURLKeys={{
          key: environment.googleApiKey,
        }}
        {...props}
      &gt;
        {children}
      &lt;/GoogleMapReact&gt;
    &lt;/div&gt;
  );
  
  export default GoogleMap;
  </code></pre>
  
  <p>I have tried by setting the children as any but it didn't works.Since i am new to typescript i could not able to figure it out</p>