[Bug]: `react/prop-types` false positive when component is a value of capitalized property in class · jsx-eslint/eslint-plugin-react#3534

(9 commenti) (0 reazioni) (0 assegnatari)JavaScript (2797 fork)batch import

bughelp wanted

Metriche repository

Star: (8630 star)
Metriche merge PR: (Nessuna PR mergiata in 30 g)

Descrizione

Is there an existing issue for this?

I have searched the existing issues and my issue is unique
My issue appears in the command-line and not only in the text editor

Description Overview

Weird error:

import React from 'react';

class SomeComponent {
	column = {
		Cell: ({ original }: { original: string }) => <span>{original === 'bla' ? 'bla' : 'bla'}</span>,
	};
}

error    'original' is missing in props validation  react/prop-types

eslint myfile.tsx

Expected Behavior

Not to throw error

When I change Cell to cell - the error is gone. When I avoid using destructuring - the error is also gone.

eslint-plugin-react version

v7.32.2

eslint version

v8.34.0

node version

v18.14.1

Guida contributor

Direzione di ricerca: Analizza la logica di risoluzione dei prop types della regola `react/prop types` quando un componente è il valore di una proprietà con lettera maiuscola in una classe. La regola probabilmente segnala erroneamente i props destrutturati da tali componenti. Esamina come la regola determina il nome del componente e il contesto; potrebbe erroneamente considerare la proprietà maiuscola stessa come un componente, causando un'errata identificazione dei props. Controlla il codice sorgente della regola e traccia il visitor per MemberExpression o Property.
Tech stack: javascripttypescriptreact
Dominio: toolingdeveloper experience
Tipo issue: Bug
Difficoltà: 4
Tempo stimato: 1-2 giorni
Stato attività: Attiva
Chiarezza: Chiara
Prerequisiti: ESLintReactAST knowledge
Adatta ai principianti: 40