Google shows wrong pages in cache for my pages

[AliceJrWill]

I have created a website only using the 'ReactJs' framework.

I read that if Google shows a blank page in the cache <snip>, that's normal because JS files take time to render. I understand that.

But I don't know why Google is showing my website search page (where all my products and services are available) in Cache URL. I have a different search page with a different URL.
I read some tutorials, and they said to check the canonical URL and redirection. Both are working fine.

But I still don't know why Google is showing me another page’s cache on every single page of my website.

[edited by: not2easy at 12:51 pm (utc) on Oct 12, 2022]
[edit reason] removed video link - please see ToS [/edit]

[not2easy]

Do your pages not exist physically until they are generated using js? Is there nothing for bots to crawl until the js renders the page contents? While bots can render js, they expect to find pages with content to crawl. If they visit an URL they have seen before (in a link or maybe in a sitemap or menu) do they not get any content until the js runs? If the page is really empty until the script is finished, then the source of the page may be your search page.

Sorry but I am guessing because you haven't given much information other than seeing unusual results. What are you using for the canonical meta data on your pages?