From aa0d3cdc5cf2cd28f08d27e15c8b2496b09e7ccd Mon Sep 17 00:00:00 2001
From: Mikkel Laursen <mlaursen03@gmail.com>
Date: Fri, 1 Apr 2022 18:25:12 -0600
Subject: [PATCH] chore(website): useIsomorphicLayoutEffect to hide SSR warning

---
 packages/documentation/src/components/Layout/Layout.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/documentation/src/components/Layout/Layout.tsx b/packages/documentation/src/components/Layout/Layout.tsx
index 3fcfba72cd..0d56af0d30 100644
--- a/packages/documentation/src/components/Layout/Layout.tsx
+++ b/packages/documentation/src/components/Layout/Layout.tsx
@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from "react";
-import { useEffect, useRef, useState, useLayoutEffect } from "react";
+import { useEffect, useRef, useState } from "react";
 import type { ConfiguredIcons } from "@react-md/icon";
 import type { LayoutConfiguration } from "@react-md/layout";
 import {
@@ -25,6 +25,7 @@ import {
 import type { MenuConfiguration } from "@react-md/menu";
 import { useCrossFadeTransition } from "@react-md/transition";
 import type { AppSizeListenerProps } from "@react-md/utils";
+import { useIsomorphicLayoutEffect } from "@react-md/utils";
 
 import type { CodePreference } from "components/CodePreference";
 import { CodePreferenceProvider } from "components/CodePreference";
@@ -95,7 +96,7 @@ export default function Layout({
 
   const prevPathname = useRef(pathname);
   const { elementProps, transitionTo } = useCrossFadeTransition();
-  useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     if (prevPathname.current === pathname) {
       return;
     }