'x' is missing in props validation when extending interface and another type present with 'Prop' in it's name

[aximusnl]

When Props are extending an interface that is imported AND another type is present with the name 'Prop' in it, react/proptypes is throwing a false positive.

[email protected]

How to reproduce

This is OK

interface PropsBase {
	foo: string;
}

type RenderProps  = {
	something: string;
}

interface Props extends PropsBase {
	bar: string;
}

const MyComponent = ({ foo, bar}: Props): JSX.Element => {
	return (
		<div>
			{foo} {bar}
		</div>
	)
}

export {
	MyComponent,
}

This shows an error: 'foo' is missing in props validation

PropsBase.ts

interface PropsBase {
	foo: string;
}

MyComponent.tsx

import { PropsBase } from './PropsBase';

interface Props extends PropsBase {
	bar: string;
}

type RenderProps  = {
	something: string;
}

const MyComponent = ({ foo, bar}: Props): JSX.Element => {
	return (
		<div>
			{foo} {bar}
		</div>
	)
}

export {
	MyComponent,
}

[ljharb]

This is expected - it’s the limits of static analysis. The linter can’t read other files, so it has no idea that foo exists in the other file.