eslint doesn't catch some unused imports

When I’m importing a component (say Input) which has other subcomponents as it’s properties (like Input.Placeholder, Input.Button, etc), and there is another different component imported by a same name (say Button), and then if I use <Input.Button> in my code then eslint doesn’t tell that <Button> is unused.

Reproducible code:

import React from 'react';
import Button from './Button';
import Input from './Input';

export default class X extends React.Component {
  render() {
    return <Input.Button />;
  }
}

What should be expected?

The import Button from './Button'; line should be highlighted with a no-unused-vars error. You can see this if you just use <Input> in the render function instead of <Input.Button>.

[lencioni]

I believe I found the bug. PR coming soon.

[kumarharsh]

@ljharb yes, jsx-uses-vars is already set in eslintconfig. @lencioni’s PR seems good 😃