UNPKG

@wayneintacart/react-hydration-overlay

Version:

Fork of React utility for descriptive hydration mismatch errors.

17 lines (16 loc) 766 B
window.BUILDER_HYDRATION_OVERLAY = {}; window.addEventListener("error", (event)=>{ const msg = event.message.toLowerCase(); const isHydrationMsg = msg.includes("hydration") || msg.includes("hydrating"); if (isHydrationMsg) { window.BUILDER_HYDRATION_OVERLAY.ERROR = true; let appRootEl = document.querySelector(window.BUILDER_HYDRATION_OVERLAY.APP_ROOT_SELECTOR); if (appRootEl) { window.BUILDER_HYDRATION_OVERLAY.CSR_HTML = appRootEl.innerHTML; } } }); let BUILDER_HYDRATION_OVERLAY_ELEMENT = document.querySelector(window.BUILDER_HYDRATION_OVERLAY.APP_ROOT_SELECTOR); if (BUILDER_HYDRATION_OVERLAY_ELEMENT) { window.BUILDER_HYDRATION_OVERLAY.SSR_HTML = BUILDER_HYDRATION_OVERLAY_ELEMENT.innerHTML; }