fix(gatsby): Load resources in ProdPageRenderer (#26092)

* Load resources in ProdPageRenderer

* Add simple unit tests

packages/gatsby/cache-dir/__tests__/public-page-renderer-dev.tsx

@@ -0,0 +1,42 @@
+import React from "react"
+import { render, cleanup } from "@testing-library/react"
+
+jest.mock(`../loader`, () => {
+  return {
+    loadPageSync: jest.fn((path: string): {
+      loadPageSync: boolean
+      path: string
+    } => {
+      return { loadPageSync: true, path }
+    }),
+    loadPage: function loadPage(
+      path: string
+    ): Promise<{ loadPage: boolean; path: string }> {
+      return Promise.resolve({ loadPage: true, path })
+    },
+  }
+})
+
+jest.mock(`../query-result-store`, () => {
+  return {
+    PageQueryStore: (): string => `PageQueryStore`,
+  }
+})
+
+import DevPageRenderer from "../public-page-renderer-dev"
+import loader from "../loader"
+
+describe(`DevPageRenderer`, () => {
+  it(`loads pages synchronously`, () => {
+    const location = {
+      pathname: `/`,
+    }
+    render(<DevPageRenderer location={location} />)
+
+    expect(loader.loadPageSync).toHaveBeenCalled()
+  })
+})
+
+afterAll(cleanup)
+
+afterAll(jest.clearAllMocks)

packages/gatsby/cache-dir/__tests__/public-page-renderer-prod.tsx

@@ -0,0 +1,38 @@
+import React from "react"
+import { render, cleanup } from "@testing-library/react"
+
+jest.mock(`../loader`, () => {
+  return {
+    loadPageSync: jest.fn((path: string): {
+      loadPageSync: boolean
+      path: string
+    } => {
+      return { loadPageSync: true, path }
+    }),
+    loadPage: function loadPage(
+      path: string
+    ): Promise<{ loadPage: boolean; path: string }> {
+      return Promise.resolve({ loadPage: true, path })
+    },
+  }
+})
+
+jest.mock(`../page-renderer`, (): string => `InternalPageRenderer`)
+
+import ProdPageRenderer from "../public-page-renderer-prod"
+import loader from "../loader"
+
+describe(`ProdPageRenderer`, () => {
+  it(`loads pages synchronously`, () => {
+    const location = {
+      pathname: `/`,
+    }
+    render(<ProdPageRenderer location={location} />)
+
+    expect(loader.loadPageSync).toHaveBeenCalled()
+  })
+})
+
+afterAll(cleanup)
+
+afterAll(jest.clearAllMocks)

packages/gatsby/cache-dir/public-page-renderer-prod.js

@@ -1,9 +1,11 @@
 import React from "react"
 import PropTypes from "prop-types"
 
+import loader from "./loader"
 import InternalPageRenderer from "./page-renderer"
 
-const ProdPageRenderer = ({ location, pageResources }) => {
+const ProdPageRenderer = ({ location }) => {
+  const pageResources = loader.loadPageSync(location.pathname)
   if (!pageResources) {
     return null
   }