Typescript typings:

[tomitrescak]

Expected Behavior

I should be able to use React.Components with graphql wrapper.
Example:

const historyQuery = gql`
  query history($solutionId: String) {
    history(solutionId: $solutionId) {
      solutionId
      delta
    }
  }`;

type Data = {
  history: App.Entities.History[]
};

type Props = {
  solutionId: string;
};

const withHistory = graphql<Data, Props>(historyQuery,
  {
    options: (ownProps) => ({
      variables: {
        solutionId: ownProps.solutionId
      }
    })
  });

export class HistoryView extends React.Component<{}, {}> {
}

export default withHistory(HistoryView);

Leads to following error:

Argument of type 'typeof HistoryView' is not assignable to parameter of type 'CompositeComponent<DefaultChildProps<Props, Data>>'.
  Type 'typeof HistoryView' is not assignable to type 'StatelessComponent<DefaultChildProps<Props, Data>>'.
    Type 'typeof HistoryView' provides no match for the signature '(props: Props & { data?: QueryProps & Data; mutate?: MutationFunc<Data>; } & { children?: ReactNode; }, context?: any): ReactElement<any>'.

Looks like you only accept stateless components, although opposite seems to be the truth.
Not sure what is going on.

Version

• [email protected]
• [email protected]

[morriq]

same here! It's happend with 1.4.0

[dfischer]

Same issue for me with 1.4.3 had to downgrade to 1.4.0

[hxuanhung]

@dfischer which version of TS that you are on?

[hxuanhung]

I had to downgraded to [email protected] and [email protected]

[jbaxleyiii]

I'm working on a fix that will allow this to work in 1.4.4 🌮