eslint showing error when using variable from parent scope

[afucher]

Tell us about your environment

• ESLint Version: 6.0.1
• Node Version: v10.15.3
• npm Version: 6.4.1

What parser (default, Babel-ESLint, etc.) are you using?
default
Please show your full configuration:

Configuration

What did you do? Please include the actual source code causing the issue, as well as the command that you used to run ESLint.

import React from 'react';

interface Props {
    readonly history: number[];
}

export const MyHistory = (props: Props) => {
    const renderContent = () => {
        if (props.history.length > 0) {
            return <div> My history here</div>
        }
        return <div> No historical events</div>
    };

    return renderContent();
};

npm run eslint --fix --ext .tsx --ext .ts src

What did you expect to happen?
eslint show no errors

What actually happened? Please include the actual, raw output from ESLint.

  9:19  error  'history' is missing in props validation         react/prop-types
  9:27  error  'history.length' is missing in props validation  react/prop-types

Are you willing to submit a pull request to fix this bug?

[platinumazure]

Hi @afucher, thanks for the issue.

This seems to be an issue with eslint-plugin-react. Would you mind opening a new issue there?

[eslint-deprecated]

It looks like the conversation is stalled here. As this is a question rather
than an action item, I'm closing the issue. If you still need help, please send
a message to our mailing list or
chatroom. Thanks!
[//]: # (auto-close)