fix: Use default id generation for tile ids (#1379)

cloudscape-design · Jul 27, 2023 · 85117c2 · 85117c2
1 parent 6937b44
commit 85117c2
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/tiles/tile.tsx b/src/tiles/tile.tsx
@@ -23,7 +23,6 @@ interface TileProps {
 export const Tile = React.forwardRef(
   ({ item, selected, name, breakpoint, onChange }: TileProps, forwardedRef: React.Ref<HTMLInputElement>) => {
     const internalRef = useRef<HTMLInputElement>(null);
-    const controlId = item.controlId || `${name}-value-${item.value}`;
     const isVisualRefresh = useVisualRefresh();
 
     const mergedRef = useMergeRefs(internalRef, forwardedRef);
@@ -58,7 +57,7 @@ export const Tile = React.forwardRef(
             label={item.label}
             description={item.description}
             disabled={item.disabled}
-            controlId={controlId}
+            controlId={item.controlId}
           />
         </div>
         {item.image && <div className={clsx(styles.image, { [styles.disabled]: !!item.disabled })}>{item.image}</div>}