From fcf4ed16b9f50ebb7b037c3f04f4b22d3dafa452 Mon Sep 17 00:00:00 2001
From: Zack Stickles <zstickles@gmail.com>
Date: Tue, 8 Sep 2020 14:45:40 -0700
Subject: [PATCH] chore: used ResizeObserver to get correct header height

---
 src/layouts/MainLayout.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
index d038ac980..cb97585f7 100644
--- 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);