[Fix] EuiMarkdownEditor checkboxes generated IDs

cee-chen · cee-chen · commit 43858047f5af · 2021-09-16T13:36:47.000-07:00
diff --git a/src/components/markdown_editor/plugins/markdown_checkbox/renderer.tsx b/src/components/markdown_editor/plugins/markdown_checkbox/renderer.tsx
@@ -9,7 +9,7 @@
 import React, { FunctionComponent, useContext } from 'react';
 import { EuiCheckbox } from '../../../form/checkbox';
 import { EuiMarkdownContext } from '../../markdown_context';
-import { htmlIdGenerator } from '../../../../services/accessibility';
+import { useGeneratedHtmlId } from '../../../../services/accessibility';
 import { EuiMarkdownAstNodePosition } from '../../markdown_types';
 import { CheckboxNodeDetails } from './types';
 
@@ -21,7 +21,7 @@ export const CheckboxMarkdownRenderer: FunctionComponent<
   const { replaceNode } = useContext(EuiMarkdownContext);
   return (
     <EuiCheckbox
-      id={htmlIdGenerator()()}
+      id={useGeneratedHtmlId()}
       checked={isChecked}
       label={children}
       onChange={() => {
