ran-boilerplate/components/SignInForm/store.js

React . Apollo (GraphQL) . Next.js Toolkit

import { connect } from 'react-redux';
import { graphql } from 'react-apollo';
import { dispatchers } from '../AuthFields/store';
import signInGql from './signinUser.gql';

const withMutation = graphql(signInGql, {
  props: ({ mutate }) => ({
    mutations: {
      signIn: ({ email, password }) =>
        mutate({
          variables: { email, password }
        })
    }
  })
});

const mapDispatchToProps = dispatch => ({
  actions: {
    signIn(token) {
      dispatch(dispatchers.signIn(token));
    }
  }
});

export default comp => {
  const compWithApollo = withMutation(comp);
  return connect(null, mapDispatchToProps)(compWithApollo);
};