We have created an e-commerce platform that uses ReactJS and Redux state for the front-end. Our API requests are async using Ajax calls and due to that fact we are facing issues with what the Google Search Console actually see and can crawl/index. The platform uses Client-Side Rendering and it's a Single Page Application. Needless to say that we cannot switch to Server-Side Rendering at the moment.
The first website we shipped over a year ago is already crawled and the sections: "This is how Googlebot saw the page", "This is how a visitor to your website would have seen the page", are both identical and showing the content.
We are now launching a new website with the exact same codebase hosted on the same server. Unfortunately, the search console only displays a blank page in both sections. Due to that fact, we are using a logic in our backend so that we can prerender the pages of our website and serve those to the Google Bot instead. Those files are generated every time a change is performed on the server in order to have zero difference in what the Google Bot can see compared to what the visitors see.
However, even though the Google Bot can now successfully crawl the page there is still a blank page on the "how a visitor to your website would have seen the page" section.
My questions are: 1. Why there is no consistency between those two sites even though it's the exact same code base? Is there a reason for that? 2. My client already has an e-commerce which we created a while back and we are now updating using ReactJS. Will he be blacklisted if the Google Bot can successfully see the page but the User Bot in search console continues to see the blank page?
Needless to say that we do not want to switch to server-side rendering as many of forums here and there suggest.