[react]Uncaught Error: App suspended while rendering, but no fallback UI was specified.

Uncaught Error: App suspended while rendering, but no fallback UI was specified.

problem

使用 i18n-http-backend 出现报错如下

The above error occurred in the <App> component:
    in App (at src/index.js:20)
Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error boundaries.


react-dom.development.js:20938 Uncaught Error: App suspended while rendering, but no fallback UI was specified.
Add a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.

reason

和 Suspense 有关

solution

在init选项中，配置 useSuspense: false

i18n.use(HttpApi)
  .use(initReactI18next)
  .init({
    react: {
      // 是否需要在最外层加入Suspense标签
      useSuspense: false
    },
    // ...
  })