(emphasis mine) This behaviour we are now facing as well:
- We have a react app that integrates into a client's website, whose landing page is a list of things with links to a subpage for each (
<a data-reactid="0.1.2.3.4" href="/some/site/itemid/9876">)
- The landing page is rendered correctly in the Google search console ("This is how Googlebot saw the page" visually equals "This is how a visitor to your website would have seen the page")
- Content of the landing page can be found in google's search results.
- No content of any subpage can be found via google in the near term (weeks later, content of a fraction of the subpages is).
Here is a demo react app with react/js-generated links and subpage that were correctly indexed. Key difference is, as mentioned, that we retrieve the content of the subpages from an external server. There is no way around that - we have the content, but the website that shall render it only includes our js script and an element to render it into, we have no further control over the website, much less the server it runs on.
Is the above quote correct or am I missing something?