fix(gatsby): pull out a few bug fixes from #28149 (#28186) (#28188)

* fix(gatsby): pull out a few bug fixes from #28149

* Add missing fix

(cherry picked from commit f9fd11d)

Co-authored-by: Kyle Mathews <mathews.kyle@gmail.com>

packages/gatsby/cache-dir/loader.js

@@ -568,5 +568,9 @@ export const publicLoader = {
 export default publicLoader
 
 export function getStaticQueryResults() {
-  return instance.staticQueryDb
+  if (instance) {
+    return instance.staticQueryDb
+  } else {
+    return {}
+  }
 }

packages/gatsby/src/services/initialize.ts

@@ -71,7 +71,7 @@ This will help the dev environment more closely mimic builds so you'll catch bui
 
 Try out develop SSR *today* by running your site with it enabled:
 
-GATSBY_EXPERIMENT_DEV_SSR=true gatsby develop
+GATSBY_EXPERIMENTAL_DEV_SSR=true gatsby develop
 
 Please let us know how it goes good, bad, or otherwise at gatsby.dev/dev-ssr-feedback
       `,

packages/gatsby/src/utils/dev-ssr/render-dev-html.ts

@@ -3,6 +3,7 @@ import _ from "lodash"
 
 import { startListener } from "../../bootstrap/requires-writer"
 import { findPageByPath } from "../find-page-by-path"
+import { getPageData as getPageDataExperimental } from "../get-page-data"
 
 const startWorker = (): any => {
   const newWorker = new JestWorker(require.resolve(`./render-dev-html-child`), {
@@ -63,6 +64,9 @@ export const renderDevHTML = ({
       isClientOnlyPage = true
     }
 
+    // Ensure the query has been run and written out.
+    await getPageDataExperimental(pageObj.path)
+
     try {
       const htmlString = await worker.renderHTML({
         path,