TypeScript React classes with generics throw Type '{}' is not assignable to type 'R'.

Test.tsx

// Libs
import * as React from 'react'

// Types
interface Bar {
  id: number
}

interface Party<R extends Bar> {
  attr: keyof R
  desc: string
}

interface Props<R extends Bar> {
  property: Party<R>
}

// Exports
class Test<R extends Bar> extends React.Component<Props<R>> {
  public props: Props<R>

  public render() {
    return null
  }
}

export default class ImplementTest<R extends Bar> extends React.Component<Props<R>> {
  public props: Props<R>

  public render() {
    return (
      <Test property={this.props.property} />
    )
  }
}

Type '{ property: Party<R>; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Test<{}>> & Props<{}>'.
  Type '{ property: Party<R>; }' is not assignable to type 'Props<{}>'.
    Types of property 'property' are incompatible.
      Type 'Party<R>' is not assignable to type 'Party<{}>'.
        Type '{}' is not assignable to type 'R'.```

TypScript 2.6.1
"react": "^16.1.1",
"@types/react": "^16.0.25",```