Creé una aplicación de prueba simple con CRA para probar las funciones Lazy / Suspense en React 18, pero estoy atascado, este es mi código:

 // App.js import React from "react"; const Test = React.lazy(() => { import("./components/Test"); }); function App() { return ( <div className="App"> <Test /> </div> ); } export default App;

y este es mi código Test.js:

 import React from "react"; const Test = () => { return <div>test</div>; }; export default Test;

muy simple, pero cuando ejecuto npm start este es mi error de consola:

 react.development.js:1361 Uncaught TypeError: Cannot read properties of undefined (reading 'then') at lazyInitializer (react.development.js:1361:1) at mountLazyComponent (react-dom.development.js:20763:1) at beginWork (react-dom.development.js:22422:1) at HTMLUnknownElement.callCallback (react-dom.development.js:4161:1) at Object.invokeGuardedCallbackDev (react-dom.development.js:4210:1) at invokeGuardedCallback (react-dom.development.js:4274:1) at beginWork$1 (react-dom.development.js:27405:1) at performUnitOfWork (react-dom.development.js:26513:1) at workLoopSync (react-dom.development.js:26422:1) at renderRootSync (react-dom.development.js:26390:1)

No puedo entender dónde me equivoco. ¿Algunas ideas? ¡gracias a todos!