El componente no puede ser tan grande que sea difícil de probar. Rómpalo si puede. Esta es la causa raíz.

La solución que aterricé en mi realidad donde no puedo reescribir todo durante el transcurso de unos meses fue crear manualmente todas las propiedades necesarias a mano. Esto es:

• ves en el código lo que realmente pones allí como propiedades
• pones solo los datos requeridos
• usted ve cómo cambia su componente cuando las cosas que usted controla y ve cambian
• las instantáneas y los archivos auxiliares con datos tienen el menor tamaño posible

===========

Camino que he descubierto que es posible, pero tiene inconvenientes.

Para obtener datos que tienen dependencias cíclicas, se puede usar https://www.npmjs.com/package/flatted .

1. Vaya a github del proyecto flatted , copie el código y péguelo en Chrome Dev Console
2. Componente abierto en React Dev Tools en Chrome
3. busque por nombre del componente, guarde los props necesarios como variable global en la consola (haga clic con el botón derecho en el nombre de la propiedad)
4. use flatted para aplanar el objeto y cópielo como una cadena en su proyecto
5. importe flatted en su proyecto, utilícelo para analizar la versión en cadena de Chrome Dev Tools
6. utilizar datos en sus pruebas.

Inconvenientes:

1. tiene acceso (ve en su editor) a una versión de datos en cadena, que no puede razonar ni modificar. Lo que significa que, hasta cierto punto, operará a ciegas en un objeto enorme (y es posible que su prueba necesite cambiar datos de cinco niveles de profundidad)
2. El tamaño de esta versión en cadena puede ser grande y si realiza una prueba de instantáneas, esto significa que tendrá esta enorme cantidad de datos en pocos archivos.
3. necesita trabajo manual con esta prueba de "caja negra/gris" cuando algo cambia: obtenga nuevos datos, asegúrese de que todas las pruebas funcionen con estos nuevos datos, etc.