name-clash-options.tsx

// 1 - rename type
import { IBreadcrumb, BreadcrumbFrontend, BreadcrumbData, SomeOtherNamingConvention } from 'types'

export class Breadcrumb extends Component {}

// 2 - rename component.  yuck
import { Breadcrumb } from 'types'

export class BreadcrumbComponent extends Component {}

// 3 - alias import.  vscode's auto-import won't know to alias and it may give confusing type error before you add the import
import { Breadcrumb as BreadcrumbType } from 'types'

export class Breadcrumb extends Component {}

// 4 - alias export
import { Breadcrumb } from 'types'

class BreadcrumbComponent extends Component {}
export { BreadcrumbComponent as Breadcrumb }

Yea #3 is too confusing. I've got this, where Breadcrumb[] is refering to the class below it and its not giving me a compile error.

interface BreadcrumbProps { 
  breadcrumbs: Breadcrumb[];
}

class Breadcrumb extends PureComponent<BreadcrumbProps> {