fix: query on demand loading indicator always active on preact. (#29829…

…) (#29882) (cherry picked from commit fa1e2d6) Co-authored-by: Chrisando Pramudhita <chrisep8@gmail.com>
gatsbyjs · Mar 1, 2021 · 706a754 · 706a754
1 parent 9ecbc81
commit 706a754
Showing 1 changed file with 2 additions and 1 deletion.
diff --git 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">