Default imports don't show the correct component name

[Artem Sapegin]

Similar to #10 but with default imports:

import DesignSystemIcon from '@my/design-system/Icon'

The component name in the stats will be DesignSystemIcon instead of the correct one Icon.

Not sure we should detect the name automatically in this case though. Maybe taking the last part of the path and give an ability to override this behavior would be a good solution?

[Misha Moroshko]

I think trying to automagically guess the component name from the module name/path won't scale.

How about adding a getComponentName option?

For example:

{
  ...
  getComponentName: ({ imported, local, moduleName }) => {
    const parts = moduleName.split('/');
    
    return parts[parts.length - 1];
  }
}

In #10, I basically suggest that the default is ({ imported, local }) => imported || local instead of the current ({ local }) => local.

[Artem Sapegin]

Yeah, that would work I guess! 🦄

[Misha Moroshko]

getComponentName is available in 0.5.0.

[Artem Sapegin]

Yay, it works!

https://blog.sapegin.me/til/react/finding-the-most-used-react-components-with-react-scanner/