chore: used ResizeObserver to get correct header height

newrelic · Sep 8, 2020 · fcf4ed1 · fcf4ed1
1 parent 425262f
commit fcf4ed1
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
@@ -47,6 +47,12 @@ const MainLayout = ({ children }) => {
     ? null
     : `${siteMetadata.repository}/blob/main/${fileRelativePath}`;
 
+  const resizeObserver = new ResizeObserver((entries) => {
+    entries.forEach((entry) => {
+      setHeaderHeight(entry.contentBoxSize.blockSize);
+    });
+  });
+
   useEffect(() => {
     const consentValue = Cookies.get(gdprConsentCookieName) === 'true';
     consentValue && setCookieConsent(true);