@wayneintacart/react-hydration-overlay
Version:
Fork of React utility for descriptive hydration mismatch errors.
17 lines (16 loc) • 766 B
JavaScript
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;
}