old_contents: const displayName = Component => {
    const nOrD = Component.name || Component.displayName
    if (nOrD) {
      return nOrD
    }
  
    const tOrC = Component.constructor ? Component.constructor : Component.type ? Component.type : Component
  
    return tOrC.displayName || 'Unknown'
  }
  
  export default displayName
  
  export const wrapDisplayName = (wrapperName, Component) => `${wrapperName}(${displayName(Component)})`
  
new_contents: const displayName = Component => {
    if (!Component || typeof Component === 'string' || typeof Component === 'number') {
      return 'Unknown'
    }
  
    const nOrD = Component.name || Component.displayName
    if (nOrD) {
      return nOrD
    }
  
    const tOrC = Component.constructor ? Component.constructor : Component.type ? Component.type : Component
  
    return tOrC.displayName || 'Unknown'
  }
  
  export default displayName
  
  export const wrapDisplayName = (wrapperName, Component) => `${wrapperName}(${displayName(Component)})`
  
subject: fix display name for non-object components