{"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,"search_vec":"'/prop-types':39 '2018':69 '3.0':43 'ast':51 'automat':61 'camel':5,37,80 'camelcas':12,23,79 'case':6,38,81 'convert':15 'dash':16 'design':25 'detect':58 'e.g':18 'enforc':11 'eslint':2,7,42,47,71,74 'eslint-plugin':73 'eslint-plugin-react':46 'eslint-plugin-react-camel-cas':1 'eslintplugin':72 'fix':62 'javascript':70 'jsx':27 'last':66 'left':21 'lightweight':53 'limit':55 'maintain':64 'margin':20 'margin-left':19 'marginleft':24 'pars':52 'plugin':3,8,48,75 'project':30 'prop':14,17,78 'provid':31 'react':4,13,29,36,49,76 'react-camel-cas':35 'releas':67 'reli':44 'rule':34 'runtim':57 'singl':33 'sporad':65 'support':63 'svg':77 'v1.1.2':9 'work':40","created_at":"2026-04-25T11:20:13.148781+00:00","updated_at":"2026-04-25T11:20:13.148781+00:00","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,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":"","cli_version":null,"type":"library","homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/eslint-plugin-react-camel-case","openapi_spec":null,"status_page":null,"smithery":null,"categories":["testing"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-17","next_check":"2026-07-24","install_tag":null}}