@pgilad/eslint-plugin-react-redux/lib/rules/use-selectors-on-state.js

Find issues with react-redux code usages

/**
 * @fileoverview Enforce usage of selector functions on state in mapStateToProps
 * @author Gilad Peleg
 */
'use strict';

const checkNode = (node, context) => {
    const parents = context.getAncestors(node);
    const isInsideMapStateToProps = parents.some(parent => {
        if (parent.type !== 'VariableDeclarator') {
            return false;
        }
        if (parent.id.type !== 'Identifier') {
            return false;
        }
        return parent.id.name === 'mapStateToProps';
    });
    if (!isInsideMapStateToProps) {
        return false;
    }

    context.report({
        node: node,
        messageId: 'nonSelector',
        data: {
            usage: context.getSourceCode().getText(node),
        },
    });

    return true;
};

module.exports = {
    meta: {
        docs: {
            description: 'Enforce usage of selector functions on state in mapStateToProps',
            category: 'Possible Errors',
            recommended: false,
            url: 'https://github.com/pgilad/eslint-plugin-react-redux/docs/rules/use-selectors-on-state.md',
        },
        fixable: null,
        schema: [],
        messages: {
            nonSelector:
                'You are directly accessing state by {{ usage }} in mapStateToProps. Use a selector function instead.',
        },
    },
    create: function (context) {
        return {
            VariableDeclarator(node) {
                if (node.id.type === 'ObjectPattern') {
                    if (node.init.type === 'Identifier' && node.init.name === 'state') {
                        checkNode(node, context);
                    }
                }
            },
            MemberExpression(node) {
                if (node.object.type === 'Identifier' && node.object.name === 'state') {
                    if (node.property.type === 'Identifier' || node.property.type === 'Literal') {
                        checkNode(node, context);
                    }
                }
            },
        };
    },
};