Leí documentos de React donde se decía que, de forma predeterminada, ReactClass.displayName está definido y = nombre de clase (función). tengo dos componentes Componente A y B y exportar mi componente funcional nombrado B a otro lugar:

 import React, { Suspense } from 'react'; import someImportedclassComponentA from 'otherFile.jsx' export function B(props) { const A = someImportedclassComponentA; return ( <Suspense> <A {...props} /> </Suspense> ); }

En el otro archivo (después de importar B) quiero obtener displayName de B (se espera "B"):

 let name = B.displayName;

Me quedo indefinido pero cuando lo hago:

 let name = B.name;

Funciona y devuelve "B". Significa que la función B se reconoce como una función simple, no como un componente funcional React con displayName. Como es posible ? ¿Por qué no reacciona el componente funcional como esperaba?