{"id":19890,"library":"eslint-plugin-react-camel-case","title":"eslint-plugin-react-camel-case","description":"ESLint plugin (v1.1.2) that enforces camelCased React props, converting dashed props (e.g., margin-left) to camelCase (marginLeft). Designed for JSX in React projects. Provides a single rule 'react-camel-case/prop-types'. Works with ESLint >=3.0. Relies on eslint-plugin-react for AST parsing. Lightweight but limited to runtime detection only—no automatic fix support. Maintained sporadically; last release in 2018.","status":"maintenance","version":"1.1.2","language":"javascript","source_language":"en","source_url":"git@github.com:fostimus/eslint-plugin-react-camel-case","tags":["javascript","eslint","eslintplugin","eslint-plugin","react","svg","props","camelCase","camel case"],"install":[{"cmd":"npm install eslint-plugin-react-camel-case","lang":"bash","label":"npm"},{"cmd":"yarn add eslint-plugin-react-camel-case","lang":"bash","label":"yarn"},{"cmd":"pnpm add eslint-plugin-react-camel-case","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency for plugin registration","package":"eslint","optional":false},{"reason":"required for JSX parsing and prop detection","package":"eslint-plugin-react","optional":false}],"imports":[{"note":"Default import returns the plugin object with rules. CJS require also works but ESM preferred.","wrong":"const plugin = require('eslint-plugin-react-camel-case')","symbol":"plugin","correct":"import plugin from 'eslint-plugin-react-camel-case'"},{"note":"Named export 'rules' is an object containing the rule definitions.","wrong":"import { rule } from 'eslint-plugin-react-camel-case'","symbol":"rules","correct":"import { rules } from 'eslint-plugin-react-camel-case'"}],"quickstart":{"code":"// .eslintrc.js\nmodule.exports = {\n  plugins: ['react', 'react-camel-case'],\n  rules: {\n    'react-camel-case/prop-types': 'error',\n  },\n};\n","lang":"javascript","description":"Configures ESLint to enforce camelCase props for all React JSX elements using the react-camel-case/prop-types rule."},"warnings":[{"fix":"Consider using 'react/jsx-no-literals' or custom linting if more control is needed.","message":"Only one rule (prop-types) is provided; no custom configuration options.","severity":"deprecated","affected_versions":"<=1.1.2"},{"fix":"Use 'eslint-plugin-react' 'no-unknown-property' for additional checks.","message":"Rule only checks JSX props, not object spreads or dynamic prop names.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Consider using 'eslint-plugin-transform-class-properties' or codemods.","message":"No autofix available; must manually correct dashed props.","severity":"gotcha","affected_versions":">=0.0.0"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install eslint-plugin-react-camel-case eslint-plugin-react --save-dev' and add 'plugins: ['react-camel-case']' to config.","cause":"Plugin not loaded in ESLint config or missing from node_modules.","error":"Definition for rule 'react-camel-case/prop-types' was not found"},{"fix":"Install the plugin: 'npm install eslint-plugin-react-camel-case@latest' and ensure ESLint version >=3.0.","cause":"Package not installed or ESLint version incompatible.","error":"ESLint couldn't find the plugin \"eslint-plugin-react-camel-case\"."},{"fix":"Install 'eslint-plugin-react': 'npm install eslint-plugin-react --save-dev'.","cause":"Missing required peer dependency.","error":"Cannot find module 'eslint-plugin-react'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}