From 7584327709204c6754b457dee06917d0a46035b4 Mon Sep 17 00:00:00 2001
From: Chrisando Pramudhita <chrisep8@gmail.com>
Date: Sun, 28 Feb 2021 18:13:05 +0700
Subject: [PATCH] fix: query on demand loading indicator always active on
 preact. (#29829)

(cherry picked from commit fa1e2d66b806c92a04d63f023f77bb5770981808)
---
 packages/gatsby/cache-dir/loading-indicator/indicator.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/gatsby/cache-dir/loading-indicator/indicator.js b/packages/gatsby/cache-dir/loading-indicator/indicator.js
index e502c52b5592f..3ec6c52f06bbd 100644
--- a/packages/gatsby/cache-dir/loading-indicator/indicator.js
+++ b/packages/gatsby/cache-dir/loading-indicator/indicator.js
@@ -42,7 +42,8 @@ export function Indicator({ visible = true }) {
       <Style />
       <div
         data-gatsby-loading-indicator="root"
-        data-gatsby-loading-indicator-visible={visible}
+        // preact doesn't render data attributes with a literal bool false value to dom
+        data-gatsby-loading-indicator-visible={visible.toString()}
         aria-live="assertive"
       >
         <div data-gatsby-loading-indicator="spinner" aria-hidden="true">