fix: use dangerouslySetInnerHTML to avoid React errors

apify · Nov 19, 2024 · 0894fc0 · 0894fc0
1 parent e0d75f5
commit 0894fc0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/packages/plugin/package.json b/packages/plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@apify/docusaurus-plugin-typedoc-api",
-  "version": "4.2.11-2",
+  "version": "4.2.11-3",
   "description": "Docusaurus plugin that provides source code API documentation powered by TypeDoc. ",
   "keywords": [
     "docusaurus",
@@ -18,8 +18,8 @@
   "types": "./lib/index.d.ts",
   "files": [
     "assets/**/*",
-    "python-scripts/**/*",
     "lib/**/*",
+    "python-scripts/**/*",
     "src/**/*",
     "styles.css"
   ],

diff --git a/packages/plugin/src/components/ApiItem.tsx b/packages/plugin/src/components/ApiItem.tsx
@@ -210,8 +210,9 @@ export default function ApiItem({ readme: Readme, route }: ApiItemProps) {
 
 				<Reflection reflection={item} />
 				{/* The `application/json+typedoc-data;base64` is an base64 encoded JSON object that contains the machine-readable API item data. */}
-				<script type="application/typedoc-data;base64">{
-					base64Encode(
+				<script 
+				// eslint-disable-next-line react/no-danger,react-perf/jsx-no-new-object-as-prop
+					dangerouslySetInnerHTML={{__html: base64Encode(
 						JSON.stringify(
 							{
 								// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -224,7 +225,9 @@ export default function ApiItem({ readme: Readme, route }: ApiItemProps) {
 								groups: getOwnGroupNames(item, reflections),
 							}, 
 						)
-					)}</script>
+					)}} 
+					type="application/typedoc-data;base64" 
+				/>
 			</ApiItemLayout>
 		</ApiOptionsContext.Provider>
 	);