[JS/JSX] Children prop is not recognized properly

[methyl]

TypeScript Version: 2.3.1

Code

import React from "react";

const Foo = ({ children }) =>
  <div>
    {children}
  </div>

const Bar = () =>
  <Foo>Test</Foo>

Expected behavior:
Children prop is recognized, type check passes.

Actual behavior:

Error occurs:

message: 'Type '{}' is not assignable to type 'IntrinsicAttributes & { children: any; }'.
  Type '{}' is not assignable to type '{ children: any; }'.
    Property 'children' is missing in type '{}'.'
at: '9,3'
source: 'ts'

[methyl]

The same happens for typescript code:

import React from "react";

const Foo: React.StatelessComponent<{ children: Element }> = ({ children }) =>
  <div>
    {children}
  </div>

const Bar: React.StatelessComponent <{}> = () =>
  <Foo>Test</Foo>

[methyl]

Duplicate of #6471

[mhegazy]

This is actually a duplicate of #15583. Please update your @types/react. see #15583 (comment) for more info.