feat: add custom hydrate function for ReactDOM rendering

parlandin · parlandin · commit 5fbe19110f90 · 2025-03-08T18:45:01.000-03:00
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -2,6 +2,7 @@ import "./src/styles/prism-dracula.css";
 import MainContainer from "./src/layouts/MainLayout/index";
 import Provides from "./src/layouts/Provides/index";
 import React from "react";
+import ReactDOM from "react-dom/client";
 
 export const wrapRootElement = ({ element }) => {
   return <Provides>{element}</Provides>;
@@ -22,3 +23,10 @@ export const onServiceWorkerUpdateReady = () => {
     window.location.reload();
   }
 };
+
+export const replaceHydrateFunction = () => {
+  return (element, container) => {
+    const root = ReactDOM.createRoot(container);
+    root.render(element);
+  };
+};
