Support component that does not import React but that still have props

I have a component that does not import React at all (not required)

// @flow
import { Component } from "react"

type Props = {
  initialState?: State,
  children: (
    state: State,
    setState: (state: State) => void,
  ) => ReactElement,
}

type State = {
  [key: string]: any,
}

export default class Playground extends Component<void, Props, State> {

  state: State;

  constructor(props: Props) {
    super(props)
    this.state = (typeof props.initialState === "object")
      ? props.initialState
      : {}
  }

  handleStateChange(state: State) {
    this.setState(state)
  }

  render(): ReactElement {
    return (
      this.props.children(
        this.state,
        (state) => this.handleStateChange(state),
      )
    )
  }
}

When I use this component, I got a “React is not defined” error. I suspect that babel-plugin-flow-react-proptypes replace the Props by React.PropTypes even if React is not in the current scope.

[brigand]

I think I already fixed it. Pushed as 0.5.0.

Let me know if it works for you.

[brettstack]

@MoOx it looks like you have some solution for defining children - can you comment over at #48? What does your ReactElement type look like?