Example of rule customization in ESLint

eslintrc.js

module.exports = {
  // ... other configurations ...
  plugins: [
    'custom', // Assuming 'custom' is the name of your plugin
  ],
  rules: {
    'custom/pascal-case-component': 'warn',
  },
};

index.js

module.exports = {
  rules: {
    'pascal-case-component': require('./lib/rules/pascal-case-component'),
  },
};

pascal-case-component.js

module.exports = {
  meta: {
    type: 'suggestion',
    docs: {
      description: 'Enforce PascalCase for React component names',
      category: 'Stylistic Issues',
      recommended: false,
    },
    schema: [], // no options
  },
  create(context) {
    return {
      FunctionDeclaration(node) {
        if (
          node.id &&
          !/^[A-Z][A-Za-z0-9]*$/.test(node.id.name)
        ) {
          context.report({
            node: node.id,
            message: 'React component name "{{name}}" should be in PascalCase.',
            data: {
              name: node.id.name,
            },
          });
        }
      },
      VariableDeclarator(node) {
        if (
          node.id &&
          node.init &&
          (node.init.type === 'ArrowFunctionExpression' || node.init.type === 'FunctionExpression') &&
          !/^[A-Z][A-Za-z0-9]*$/.test(node.id.name)
        ) {
          context.report({
            node: node.id,
            message: 'React component name "{{name}}" should be in PascalCase.',
            data: {
              name: node.id.name,
            },
          });
        }
      },
    };
  },
};