A React component suspended while rendering, but no fallback UI was specified

Question

I just started working on this new React app.

It was using <Suspense /> element in the component but I removed it. Then application is crashed with above error.

Is there any easy fix without know too much about <Suspense /> ?

Answer 1

You have 2 options:

1. Without Using suspense, you can configure that i18n.js like this:

   i18n   .use(XHR)   .use(LanguageDetector)   .init({     react: {        useSuspense: false //   <---- this will do the magic     } }); 

2. Using Suspense, for example:

   <Suspense fallback={<div>Loading... </div>}>        <App />  </Suspense>

Answer 2

In order to fix this without putting Suspense back in, you would need to get rid of usages of React.lazy.