Find React Legacy Context Usages

The title says it. See sample reports in here and here.

Usage

``shell
npx find-react-legacy-context-usages \
"./src/*/.{js,jsx,ts,tsx}" \
--root="./src" \
--report-file="./legacy-context-usages-report.json"
`

$3

--root: Root folder for sources where .babelrc exists.

--report-file: Report file output path

Important: Don't forget the double-quotes in path glob.

What's supported?

`js
// ClassProperty
class SampleComponent extends React.Component {
static contextTypes = {
darkMode: PropTypes.bool.isRequired,
isLoggedIn: PropTypes.bool.isRequired,
};

static childContextTypes = {
darkMode: PropTypes.bool.isRequired,
isLoggedIn: PropTypes.bool.isRequired,
};
}

// AssignmentExpression
function SampleFunctionalComponent() {}

SampleFunctionalComponent.contextTypes = {
darkMode: PropTypes.bool.isRequired,
isLoggedIn: PropTypes.bool.isRequired,
};

SampleFunctionalComponent.childContextTypes = {
darkMode: PropTypes.bool.isRequired,
isLoggedIn: PropTypes.bool.isRequired,
};
`

What's not supported?

`js
class SampleComponent extends React.Component {
static contextTypes = someStupidVariableContainingTheContextTypes;
static childContextTypes = someStupidVariableContainingTheChildContextTypes;
}
``