// @flow

import React from 'react';

/**
 * Basic render: Class component tests
 */
class A extends React.Component<{}, void> {
  render = () => {};
}
class B extends React.Component<{}, void> {
  render = () => null;
}

<A />;
// OK

<B />;
// OK

/**
 * Basic render: stateless functional component tests
 */
const C: React$StatelessFunctionalComponent<{}> = props => {};
const D: React$StatelessFunctionalComponent<{}> = props => {
  return;
};
const E: React$StatelessFunctionalComponent<{}> = props => {
  return null;
};

<C foo="bar" />;
// Error: `React$StatelessFunctionalComponent` must return `React$Node` which can't be undefined

<D foo="bar" />;
// Error: `React$StatelessFunctionalComponent` must return `React$Node` which can't be undefined

<E foo="bar" />;
// OK

type UnfixedPropsType = {|foo?: string|};

/**
 * PropsType inference: Class component test
 */
class F extends React.Component<UnfixedPropsType, void> {
  render = () => this.props.foo;
}
// Error: props.foo could be undefined

/**
 * PropsType inference: stateless functional component test
 */
const G: React$StatelessFunctionalComponent<UnfixedPropsType> = props => {
  return props.foo;
};
// Error: props.foo could be undefined
