compare both query text and hash when checking if we need to rerun St…

…aticQuery (#7846)

* compare both query text and hash when checking if we need to rerun staticquery

* more context on checking query text + fix typo

packages/gatsby/src/internal-plugins/query-runner/query-watcher.js

@@ -73,10 +73,18 @@ const handleQuery = (
   // If this is a static query
   // Add action / reducer + watch staticquery files
   if (query.isStaticQuery) {
-    const isNewQuery = !staticQueryComponents.has(query.jsonName)
+    const oldQuery = staticQueryComponents.get(query.jsonName)
+    const isNewQuery = !oldQuery
+
+    // Compare query text because text is compiled query with any attached
+    // fragments and we want to rerun queries if fragments are edited.
+    // Compare hash because hash is used for identyfing query and
+    // passing data to component in development. Hash can change if user will
+    // format query text, but it doesn't mean that compiled text will change.
     if (
       isNewQuery ||
-      staticQueryComponents.get(query.jsonName).query !== query.text
+      oldQuery.hash !== query.hash ||
+      oldQuery.text !== query.text
     ) {
       boundActionCreators.replaceStaticQuery({
         name: query.name,