Necesito crear una función de representación personalizada para la biblioteca de pruebas de reacción para probar todos mis componentes.

Necesito obtener la tienda redux de mi aplicación de createStoreManager que devuelve la promesa. Estoy usando useEffect para llamar a esta función, pero no se llama a useEffect.

¿O hay alguna forma de obtener una respuesta de este fn createStoreManager ?

 import React, { useEffect, useState } from 'react'; import { render as rtlRender } from '@testing-library/react'; import { IntlProvider } from 'react-intl'; import { StoreProvider } from './provider'; import { createStoreManager } from './store'; const getOurStore = async () => { const storeManager = await createStoreManager({ pageName: '', sagaContext: {}, initialState: {}, sagaMonitor: null, }); const { store } = storeManager; return store; }; const Wrapper = ({ children }) => { let store; **// Not getting called** useEffect(() => { (async () => { store = await getOurStore(); })(); }); return ( <IntlProvider locale="en" messages="test"> <StoreProvider store={store}>{children}</StoreProvider> </IntlProvider> ); }; function render(ui, options) { return rtlRender(ui, { wrapper: Wrapper, ...options }); } // re-export everything export * from '@testing-library/react'; // override render method export { render };