{"action":"created","issue":{"url":"https://api.github.com/repos/apollographql/react-apollo/issues/2445","repository_url":"https://api.github.com/repos/apollographql/react-apollo","labels_url":"https://api.github.com/repos/apollographql/react-apollo/issues/2445/labels{/name}","comments_url":"https://api.github.com/repos/apollographql/react-apollo/issues/2445/comments","events_url":"https://api.github.com/repos/apollographql/react-apollo/issues/2445/events","html_url":"https://github.com/apollographql/react-apollo/issues/2445","id":365365782,"node_id":"MDU6SXNzdWUzNjUzNjU3ODI=","number":2445,"title":"JSX element type 'Query<any, { id: number; }>' is not a constructor function for JSX elements","user":{"login":"anoopmundathan","id":3778229,"node_id":"MDQ6VXNlcjM3NzgyMjk=","avatar_url":"https://avatars0.githubusercontent.com/u/3778229?v=4","gravatar_id":"","url":"https://api.github.com/users/anoopmundathan","html_url":"https://github.com/anoopmundathan","followers_url":"https://api.github.com/users/anoopmundathan/followers","following_url":"https://api.github.com/users/anoopmundathan/following{/other_user}","gists_url":"https://api.github.com/users/anoopmundathan/gists{/gist_id}","starred_url":"https://api.github.com/users/anoopmundathan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/anoopmundathan/subscriptions","organizations_url":"https://api.github.com/users/anoopmundathan/orgs","repos_url":"https://api.github.com/users/anoopmundathan/repos","events_url":"https://api.github.com/users/anoopmundathan/events{/privacy}","received_events_url":"https://api.github.com/users/anoopmundathan/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-10-01T08:56:36Z","updated_at":"2018-10-02T13:56:45Z","closed_at":null,"author_association":"NONE","body":"<!--\r\n  Thanks for filing an issue on React Apollo!\r\n\r\n  Please make sure that you include the following information to ensure that your issue is actionable.\r\n\r\n  If you don't follow the template, your issue may end up being closed without anyone looking at it carefully, because it is not actionable for us without the information in this template.\r\n\r\n  If you're filing a feature request, you do not need to follow the outline below, but please include \"feature idea\" in the title and include a specific example in which that feature would be useful.\r\n-->\r\n\r\nStuck with this typescript error, trying to use Query component\r\n\r\n```\r\nimport gql from \"graphql-tag\";\r\nimport * as React from \"react\";\r\nimport { Query } from \"react-apollo\";\r\n\r\nconst ORGANISATION_QUERY = gql`\r\n  query OrganisationQuery($id: Long!) {\r\n    organisation(id: $id) {\r\n      tasksEnabled\r\n    }\r\n  }\r\n`;\r\n\r\nexport class FeatureCardGraphQlComponent extends React.Component<{}, {}> {\r\n  public render() {\r\n    return (\r\n      <Query query={ORGANISATION_QUERY} variables={{ id: 1 }}>\r\n        {({ data }) => {\r\n          return <div>{data}</div>;\r\n        }}\r\n      </Query>\r\n    );\r\n  }\r\n}\r\n```\r\n**Intended outcome:**\r\nShould display data\r\n<!--\r\nWhat you were trying to accomplish when the bug occurred, and as much code as possible related to the source of the problem.\r\n-->\r\n\r\n**Actual outcome:**\r\nJSX element type 'Query<any, { id: number; }>' is not a constructor function for JSX elements.\r\n  Property 'setState' is missing in type 'Query<any, { id: number; }>'.\r\n[ts] JSX element class does not support attributes because it does not have a 'props' property.\r\n[ts] Property 'query' does not exist on type '{}'.\r\n\r\n<!--\r\nA description of what actually happened, including a screenshot or copy-paste of any related error messages, logs, or other output that might be related. Places to look for information include your browser console, server console, and network logs. Please avoid non-specific phrases like “didn’t work” or “broke”.\r\n-->\r\n\r\n**How to reproduce the issue:**\r\n\r\n<!--\r\nIf possible, please create a reproduction using https://github.com/apollographql/react-apollo-error-template and link to it here. If you prefer an in-browser way to create reproduction, try https://codesandbox.io/s/7361K9q6w\r\n\r\nInstructions for how the issue can be reproduced by a maintainer or contributor. Be as specific as possible, and only mention what is necessary to reproduce the bug. If possible, try to isolate the exact circumstances in which the bug occurs and avoid speculation over what the cause might be.\r\n-->\r\n\r\n**Version**\r\n\r\n- typescript: \"^2.9.2\",\r\n- apollo-boost: \"^0.1.16\",\r\n- react-apollo: \"^2.1.11\",\r\n"},"comment":{"url":"https://api.github.com/repos/apollographql/react-apollo/issues/comments/426283409","html_url":"https://github.com/apollographql/react-apollo/issues/2445#issuecomment-426283409","issue_url":"https://api.github.com/repos/apollographql/react-apollo/issues/2445","id":426283409,"node_id":"MDEyOklzc3VlQ29tbWVudDQyNjI4MzQwOQ==","user":{"login":"danilobuerger","id":996231,"node_id":"MDQ6VXNlcjk5NjIzMQ==","avatar_url":"https://avatars2.githubusercontent.com/u/996231?v=4","gravatar_id":"","url":"https://api.github.com/users/danilobuerger","html_url":"https://github.com/danilobuerger","followers_url":"https://api.github.com/users/danilobuerger/followers","following_url":"https://api.github.com/users/danilobuerger/following{/other_user}","gists_url":"https://api.github.com/users/danilobuerger/gists{/gist_id}","starred_url":"https://api.github.com/users/danilobuerger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danilobuerger/subscriptions","organizations_url":"https://api.github.com/users/danilobuerger/orgs","repos_url":"https://api.github.com/users/danilobuerger/repos","events_url":"https://api.github.com/users/danilobuerger/events{/privacy}","received_events_url":"https://api.github.com/users/danilobuerger/received_events","type":"User","site_admin":false},"created_at":"2018-10-02T13:56:45Z","updated_at":"2018-10-02T13:56:45Z","author_association":"CONTRIBUTOR","body":"Do you have multiple react typings by accident? Also see https://github.com/DefinitelyTyped/DefinitelyTyped/issues/21242"}}
{"actor":{"display_login":"danilobuerger"}}