New source found from dndbeyond.com

ddb_main/tools/js/Shared/components/common/FormCheckBoxesField/FormCheckBoxesField.tsx

@@ -1,6 +1,7 @@
 import clsx from "clsx";
 import { orderBy } from "lodash";
 import React from "react";
+import { v4 as uuidv4 } from "uuid";
 
 import { Checkbox } from "~/components/Checkbox";
 import { HtmlContent } from "~/components/HtmlContent";
@@ -81,6 +82,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
             </div>
             <div className={styles.checkbox}>
               <Checkbox
+                id={uuidv4()}
                 checked={checkbox.initiallyEnabled}
                 aria-label={checkbox.label}
                 onClick={checkbox.onChange}
@@ -121,6 +123,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
             <div className={styles.group} key={idx}>
               <div className={styles.checkbox}>
                 <Checkbox
+                  id={uuidv4()}
                   checked={checkbox.initiallyEnabled}
                   aria-label={checkbox.label}
                   onClick={checkbox.onChange}
@@ -174,6 +177,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
               onCheckUncheckAll &&
               variant === CheckboxVariant.DEFAULT && (
                 <Checkbox
+                  id={uuidv4()}
                   checked={allChecksEnabled}
                   aria-label="Check/Uncheck all"
                   onClick={onCheckUncheckAll.onChange}
@@ -215,6 +219,7 @@ export const FormCheckBoxesField: React.FC<Props> = ({
           <div className={styles.summaryHeadingGroup}>
             {checkUncheckAllEnabled && onCheckUncheckAll && (
               <Checkbox
+                id={uuidv4()}
                 checked={allChecksEnabled}
                 aria-label="Check/Uncheck all"
                 onClick={onCheckUncheckAll.onChange}