Wait for component to mount before calling setStringRawBody (#304)

PaloAltoNetworks · Oct 18, 2022 · 95550eb · 95550eb
1 parent 5f41e8d
commit 95550eb
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/docusaurus-theme-openapi-docs/src/theme/ApiDemoPanel/LiveEditor/index.tsx b/packages/docusaurus-theme-openapi-docs/src/theme/ApiDemoPanel/LiveEditor/index.tsx
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  * ========================================================================== */
 
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 
 import { usePrismTheme } from "@docusaurus/theme-common";
 import useIsBrowser from "@docusaurus/useIsBrowser";
@@ -51,7 +51,11 @@ function App({
 }: any): JSX.Element {
   const prismTheme = usePrismTheme();
   const [code, setCode] = React.useState(children);
-  action(setStringRawBody(code));
+
+  useEffect(() => {
+    action(setStringRawBody(code));
+  }, [action, code]);
+
   return (
     <div className={styles.playgroundContainer}>
       <LiveProvider