React application is not working

First and foremost try to identify what is breaking things by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be 🙂

frank

so have you tried disabling JS optimization? does that fix the problem?

But we need to optimize JS also right for better performance.

well, we’re troubleshooting now, and disabling JS opt. is but a first step 🙂

Yes I did the same but same result

“same result” meaning the react app is still broken even when JS optimization is off? do you also get JS errors in that case?

As I see a lot of JS errors even now, with Autoptimize not active, I’m afraid changing AO settings will not help mythily .. :-/

I only see two files that were not loading, in the first screenshot, both Elementor (non-autoptimized), all the other log entries are warnings from React and are also there when AO is not active ..

the cached optimized JS (or CSS) will update automatically when changes are made (the cache filename contains the md5-hash of the content of the unoptimized file(s), so if the file changes the hash changes and the old cached JS/ CSS is not used any more).