How to show Preloader in React until app is FULLY loaded?

Question

React

Used React Suspense to show the preloader, but it only shows it at the initial stage of app loading. That is, the preloader disappears, and the application is not fully loaded, fonts begin to load, pictures, and so on. How to make the Preloader show up until the fonts, pictures, etc. are fully loaded. Maybe there is some library or method, please tell me.

Answer 1

Your problem is that React scripts generate new HTML when they visit the site, which in turn contains images and styles.
In this case, the preloader needs to be removed with a timer after componentDidMount/useEffect, after the rendering stage.