From 391482dda805de89849c790cdcf767a745edd8ba Mon Sep 17 00:00:00 2001
From: Antonio <bandantonio@users.noreply.github.com>
Date: Sat, 30 Nov 2024 09:42:34 +0200
Subject: [PATCH] fix(lde): errors on page re-render (#3323)

Co-authored-by: Ansh Goyal <anshgoyal1704@gmail.com>
---
 components/MDX/MDX.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/MDX/MDX.tsx b/components/MDX/MDX.tsx
index 32bdb94f9783..c3ead83b61b3 100644
--- a/components/MDX/MDX.tsx
+++ b/components/MDX/MDX.tsx
@@ -1,7 +1,7 @@
 import { MDXProvider as CoreMDXProvider } from '@mdx-js/react';
 import mermaid from 'mermaid';
 import Link from 'next/link';
-import React, { useLayoutEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   TwitterDMButton,
   TwitterFollowButton,
@@ -97,7 +97,7 @@ function MermaidDiagram({ graph }: MermaidDiagramProps) {
   /**
    * @description Renders the Mermaid diagram.
    */
-  useLayoutEffect(() => {
+  useEffect(() => {
     if (!graph) {
       return;
     }