Invalid prop type applied to Map component (plus several others)

[komali2]

There are one, or possibly three, bugs regarding how the App is initialized and sets up the Map component.

The code:

App.jsx

  loadRelay() {
    return (
      <QueryRenderer
        environment={this.state.environment}
        query={graphql`
            query AppAllVehiclesQuery($agency: String!, $startTime: String!, $endTime: String!) {
              ...Map_trynState
            }
          `}
        variables={{
          agency: 'muni',
          startTime: Date.now() - 15000,
          endTime: Date.now(),
        }}
        render={({ error, props }) => {
          if (error) {
            return <div>{error.message}</div>;
          } else if (props) {
            return (
              <Map trynState={props} />
            );
          }
          return <div>Loading</div>;
        }}
      />
    );
  }

This issue is about how the {props} variable passed to <Map> is bad somehow. Error is in browser:

index.js:2177 Warning: Failed prop type: Invalid prop `relay` of type `object` supplied to `Map`, expected a single ReactElement.
    in Map (created by Relay(Map))
    in Relay(Map) (at App.jsx:49)
    in ReactRelayQueryRenderer (at App.jsx:32)
    in div (at App.jsx:60)
    in App (at index.jsx:10)