[Bug]: [react/prop-types] False positive when using `FC`-derived custom type for Functional Components

Descrizione

import { FC } from "react";

type XFC = FC<{ user: string }>;

export const MyComponent: XFC = ({ user }) => {  // ERROR: react/prop-types
    // ...
};

import { FC } from "react";

export const MyComponent: FC<{ user: string }> = ({ user }) => {  // OK
    // ...
};

Guida contributor

Tech stack

javascripttypescriptreact

Dominio

tooling

Tipo issue

bug

DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.

2

Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.

1-3 hours

Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.

active

ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.

clear

Prerequisiti

ESLintReactTypeScript

Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.

60

Direzione di ricerca

Analizza l'implementazione della regola `react/prop types` in `lib/rules/prop types.js`. Concentrati su come estrae i tipi delle prop dalle dichiarazioni dei componenti JSX, in particolare sulla gestione degli alias di tipo da `FC<Props>`. Cerca la parte del codice che corrisponde ai parametri del componente e alle annotazioni di tipo. Considera l'aggiunta del supporto per gli alias di tipo risolvendoli nel loro tipo `FC` sottostante.